<template>
	<view class="video-box">
		<video v-if="isVideoPlayer" 
		:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
		id="myVideo" ref="myVideo"
		class="video myVideo adVideo" :show-loading="false"
		:src="src" :controls="false"
		:enable-play-gesture="false"
		:enable-progress-gesture="false"
		:vslide-gesture-in-fullscreen="false"
		:show-center-play-btn="false"
		:page-gesture="false"
		:vslide-gesture="false"
		:danmu-list="danmulist"
		:codec="codec"
		:http-cache="httpcache"
		:play-strategy="playstrategyMoShi"
		:object-fit="video_object_fit"
		:autoplay="video_autoplay" 
		:loop="video_loop"
		:muted="video_muted"
		:initial-time="initialtime"
		:duration="duration"
		:header="header"
		@play="evplay" @pause="evpause" @ended="ended"
		@timeupdate="timeupdate" 
		@fullscreenchange="fullscreenchange"
		@waiting="waiting" @error="error"
		@progress="progress"
		@loadeddata="loadeddata"
		@loadedmetadata="loadedmetadata"
		>	
			
			<!-- 
				假设ios上v-if真的只是控制了显示隐藏，而不是和安卓一样，是销毁创建。
				那么我外层的cover-view上的高度，就是0px，就算你是隐藏的，没有销毁。
				但是高度为0，就不存在看不见的层级导致高的层影响到下面层点击穿透不了的问题
			 -->


			<!-- 可 居中布局 盒子
				（1） 播放器初始化时背景图(开始播放前与出错后显示的背后) 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isVideoShowonReady_bg==true?TouchFullHeight:'0px'}]"
			:class="isVideoShowonReady_bg==true?'opacity-1':'opacity-0'">
				<!--（1） 播放器初始化时背景图(开始播放前与出错后显示的背后) v-if="isVideoShowonReady_bg" -->
				<cover-slot v-if="onReady_imgView==true&&isVideoShowonReady_bg==true"  class="onReady-loading-box"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<view class="onReady-loading-box__bgimg-box"
					@click.stop="isShowCommFullScreen()">
						<image :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
						class="onReady-loading-box__bgimg-box__img image-transform" 
						:src="VideoShowonReady_bg" mode="scaleToFill"></image>
					</view>
				</cover-slot>
			</app-cover-view>
			

			<!-- 可 居中布局 盒子
				（2） 视频地址更新时并且是初次加载时显示(开始播放前) 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height': onReady_Init_PlayState==true?TouchFullHeight:'0px'},{'z-index':999}]"
			:class="onReady_Init_PlayState==true?'opacity-1':'opacity-0'">
				<!--（2） 视频地址更新时并且是初次加载时显示，此时没有进入开始播放状态，也需要可以控制显隐控制面板，所以加了点击事件 -->
				<cover-slot v-if="onReady_imgView==true&&onReady_Init_PlayState==true" :class="onReady_Init_PlayState==true?'opacity-1':'opacity-0'"
				class="onReady-loading-box" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<slot name="onReady_box">
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为onReady_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<view @click.stop="isShowCommFullScreen()" class="onReady-loading-box__bgimg-box" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
							<image :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
							class="onReady-loading-box__bgimg-box__img image-transform" 
							:src="VideoShowonReady_bg" mode="scaleToFill">
						</view>
						<view class="onReady-loading-box__Item-box" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
							<view class="onReady-loading-box__Item-box__Item">
								<!-- onReadyLogo 播放开始前 视频logo -->
								<image :style="[{'height': isFullScreenChange==false ? Config.onReady_logo.Height + 'rpx' : Number(Config.onReady_logo.Height * 0.2 + Config.onReady_logo.Height) + 'rpx'}]"
								class="onReady-loading-box__Item-box__Item__logo-img image-transform"
								:src="VideoShowonReady_Logo"
								mode="heightFix"
								></image>
								<!-- /uni_modules/FatFatMeng-VideoPlayer/static/FatFatMeng-VideoPlayer/apps/images/VideoPlayer/onReady-logo.png -->
							</view>
							<view class="onReady-loading-box__Item-box__Item">
								<image :style="[{'height': Config.VideoShowLoading.Height + 'rpx'}]"
								class="onReady-loading-box__Item-box__Item__loading-img image-transform"
								:src="VideoShowLoadingSrc"
								mode="heightFix"
								></image>
							</view>
							<view class="onReady-loading-box__Item-box__Item">
								<!-- 精彩即将开始 或 视频数据等待中 -->
								<text class="app-text onReady-loading-box__Item-box__Item__text app-ttf-m"
								>{{VideoShowonReady_text}}</text>
							</view>
						</view>
					</slot>
				</cover-slot>
			</app-cover-view>
						

			<!-- 可 居中布局 盒子
				（3） error视频播放出错时 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isVideoShowErrorCount.isVideoShowError==true?TouchFullHeight:'0px'}]"
			:class="isVideoShowErrorCount.isVideoShowError==true?'opacity-1':'opacity-0'">
				<!--（3） error视频播放出错时 v-if="isVideoShowErrorCount.isVideoShowError" -->
				<cover-slot class="VideoShowError-box" v-if="isVideoShowErrorCount.isVideoShowError==true"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<slot name="VideoError_box">
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为VideoError_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<!-- 上面退出全屏[UI控件]这段代码可以删除，也可以不删除 -->
						<view class="VideoShowError-box__img-box">
							<image class="VideoShowError-box__img-box__img image-transform" 
							:style="[{'height': Config.VideoShowError_img.Height + 'rpx'}]"
							:src="VideoShowErrorSrc" 
							mode="heightFix"
							></image>
						</view>
						<view class="VideoShowError-box__Text-box">
							<!-- 视频播放出错时的提示内容 -->
							<text class="app-text VideoShowError-box__Text-box__text app-ttf-b">{{isVideoShowErrorCount.errortext}}</text>
						</view>
						<view v-if="isVideoShowErrorCount.refreshVideo_btn==true"
						@click.stop="refreshVideo(VideoSrcIndex)" 
						class="VideoShowError-box__refresh-btn" :style="[{'background-color':VideothemebgColor}]">
							<text class="app-text VideoShowError-box__refresh-btn__text app-ttf-b">刷新</text>
						</view>
						<!-- <text class="error-msgtext">错误码</text> -->
					</slot>
				</cover-slot>
			</app-cover-view>


			<!-- 可 居中布局 盒子
				（4） loading视频加载中 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isVideoShowLoadingCount.isVideoShowLoading==true&&onReady_Init_PlayState==false?TouchFullHeight:'0px'}]"
			:class="isVideoShowLoadingCount.isVideoShowLoading==true?'opacity-1':'opacity-0'"> 
				<!-- 已废弃用v-if,v-if会影响体验问题 v-if="isVideoShowLoadingCount.isVideoShowLoading" -->
				<!--（4） loading视频加载中 -->
				<cover-slot :class="isVideoShowLoadingCount.isVideoShowLoading==true&&onReady_Init_PlayState==false?'opacity-1':'opacity-0'"
				class="VideoShowloading-box"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
				<!-- style="background-color: rgba(0,0,0,0.5);" -->
					<slot name="loading_box">
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为loading_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<view v-if="onReady_imgView==true" class="VideoShowloading-box__bg-radius">
							<view class="VideoShowloading-box__bg-radius__img-box">
								<image :style="[{'height':Config.VideoShowLoading.Height+'rpx'}]"
								class="VideoShowloading-box__bg-radius__img-box__img image-transform" 
								:src="VideoShowLoadingSrc" mode="heightFix"></image>
							</view>
							<view v-if="Config.VideoShowLoading.isShowLoadingText" 
							class="VideoShowloading-box__bg-radius__Text-box">
								<!-- 视频出现缓冲时(加载中)的提示内容 -->
								<text class="app-text VideoShowloading-box__bg-radius__Text-box__text app-ttf-b">{{VideoLoadingtext}}</text>
							</view>
						</view>
					</slot>
				</cover-slot>
			</app-cover-view>


			
			<!-- 18（绝对定位）
				（18） 弹幕组件 - 弹幕视图盒子
			 -->
			<app-cover-view class="myVideo-slot-box" :style="[{'width': isDanMu_FatbarrageView==true&&isopenDrawerItem==false ? TouchFullWidth:'0px'}]">
				<cover-slot class="barrage-box" :style="[{'width':TouchFullWidth}]">
					<!-- #ifdef APP-PLUS -->
					<!-- style="background-color: rgba(212,33,66,0.5);" -->
					<FatFatMeng-barrage
					v-if="isDanMu_FatbarrageView==true&&isopenDrawerItem==false&&createAudio==false"
					ref="Fatbarrage"
					:isUserVIP="isUserVIP"
					:isFull="isFullScreenChange"
					:extFullWidth="FullscreenHeight"
					:goFullWidth="FullscreenWidth"
					:Opacity="DanmuSetting.Opacity"
					:FontSize="DanmuSetting.FontSize"
					:duration="DanmuSetting.duration"
					:danmu_cell_num="DanmuSetting.cell_num"
					@changeUserDanmuAdd="changeUserDanmuAdd"
					></FatFatMeng-barrage>
					<!-- #endif -->
				</cover-slot>
			</app-cover-view>
			
			
			<!-- 可 居中布局 盒子
				（5） 手指触摸移动时显示[音量?亮度?视频进度?]同步调节面板
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isTouchFull==true?TouchFullHeight:'0px'}]">
				<!--（5） 手指触摸移动时显示[音量?亮度?视频进度?]同步调节面板 -->
				<cover-slot :class="isTouchFull==true?'opacity-1':'opacity-0'"
				class="video-view-s TouchFull-view">
					<slot name="Touch_display_box">
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为Touch_display_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

						<!-- 亮度面板 -->
						<view v-if="isTouchFull_Liangdu" 
						class="TouchFull-view__Item Liangdu-box">
							<slot name="Touch_display_item_Liangdu">
								<!-- 如果名为Touch_display_item_Liangdu的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
								<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
								<text v-if="false" class="app-text">亮度面板</text>
								<view class="TouchFull-view__Item__img-box Liangdu">
									<image class="TouchFull-view__Item__img-box__img image-transform"
									:src="IconsFiqy.liangdu01_da.imgurl"
									mode="widthFix"
									></image>
								</view>
								<FatFatMengchangingSlider
								:SliderType="2"
								:SliderValue="SliderLiangduValue"
								:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage"
								></FatFatMengchangingSlider>
							</slot>
						</view>
						<!-- 音量面板 -->
						<view v-if="isTouchFull_Yingliang"
						class="TouchFull-view__Item Yingliang-box">
							<slot name="Touch_display_item_Yingliang">
								<!-- 如果名为Touch_display_item_Yingliang的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
								<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
								<text v-if="false" class="app-text">音量面板</text>
								<view class="TouchFull-view__Item__img-box Yingliang">
									<image class="TouchFull-view__Item__img-box__img image-transform"
									:src="IconsFiqy.yinliang01_jia_ps_1.imgurl"
									mode="widthFix"
									></image>
								</view>
								<FatFatMengchangingSlider
								:SliderType="2"
								:SliderValue="SliderYingliangValue"
								:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage"
								></FatFatMengchangingSlider>
							</slot>
						</view>
						<!--
							[视频进度面板]
							拖动进度条时，显示的进度组件
							(当前时间,总时间等) 
						-->
						<view v-if="ischangingSliderTime" 
						class="TouchFull-view__Item changingSliderTime">
							<slot name="Touch_display_item_changingSlider">
								<!-- 如果名为Touch_display_item_changingSlider的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
								<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
								<FatFatMengchangingSlider
								:currtime="Touch_currtime"
								:druationTime="Touch_druationTime"
								:SliderValue="timeUpdate[0].changingSliderValue"
								:currTimeTextColor="VideoSliderConfing.activeColor"
								:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage"
								></FatFatMengchangingSlider>
							</slot>
						</view>
						<!-- 后台音频[自己构造的,由于uniapp不支持m3u8格式的链接作为后台音频] -->
						<!-- 先不做了 -->
						
						<!-- 长按视频快进面板 -->
						<view v-if="isTouchFull_PlaybackRate"
						class="TouchFull-view__Item-PlaybackRate-box">
							<slot name="Touch_display_item_PlaybackRate">
								<!-- 如果名为Touch_display_item_PlaybackRate的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
								<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
								<view class="TouchFull-view__Item-PlaybackRate-box__row">
									<!-- gif图片最后搞 -->
									<view v-if="false" class="TouchFull-view__Item-PlaybackRate-box__row__RateGIF-box">
										<image class="TouchFull-view__Item-PlaybackRate-box__row__RateGIF-box__img image-transform"
										src="" mode="heightFix"></image>
									</view>
									<text class="app-text TouchFull-view__Item-PlaybackRate-box__row__text-item app-ttf-m"
									:style="[
										{'color':VideoSliderConfing.activeColor},
										{'margin-right':'10rpx'},
										{'font-weight':'700'},
										{'font-size': '32rpx'}
									]"
									>2.0X</text>
									<text class="app-text TouchFull-view__Item-PlaybackRate-box__row__text-item app-ttf-m"
									>快进中</text>
								</view>
							</slot>
						</view>
					</slot>
				</cover-slot>
			</app-cover-view>

			
			<!-- 可 居中布局 盒子
				（15）音频View抽屉盒子，此抽屉盒子是单独的 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':createAudio==true?TouchFullHeight:'0px'}]">
				<!--（15）音频View抽屉盒子，此抽屉盒子是单独的 -->
				<cover-slot :class="[createAudio==true?'opacity-1':'opacity-0']"
				class="Yinpin-box">
					<view v-if="createAudio==true" class="Yinpin-box__yinpin" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
						<slot name="Yinpin_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为Yinpin_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

							<!-- 背景高斯模糊 -->
							<view v-if="false" class="Yinpin-box__yinpin__pic-bg-mohu"></view>
							<!-- 是背景图变暗，相当于加了一层遮罩 -->
							<view v-if="false" class="Yinpin-box__yinpin__pic-bg-mohu-gray"></view>
							<view class="Yinpin-box__yinpin__abs-yinpin">
								<!-- 左边封面 -->
								<view class="Yinpin-box__yinpin__abs-yinpin__left-img-box" :style="[{'width':isFullScreenChange==false?'180rpx':'270rpx'}]">
									<image :style="[{'width':isFullScreenChange==false?'180rpx':'270rpx'}]"
									class="Yinpin-box__yinpin__abs-yinpin__left-img-box__img image-transform" :src="poster" mode="widthFix"></image>
								</view>
								<view class="Yinpin-box__yinpin__abs-yinpin__right-detail" :style="[{'margin-left':isFullScreenChange==false?'30rpx':'60rpx'}]">
									<view class="Yinpin-box__yinpin__abs-yinpin__right-detail__Top-Header">
										<!-- 提示内容 -->
										<text class="app-text text-lines2 Yinpin-box__yinpin__abs-yinpin__right-detail__Top-Header__text app-ttf-default"
										>{{createAudioText}}</text>
									</view>
									<view class="Yinpin-box__yinpin__abs-yinpin__right-detail__conter-gif">
										<!-- 音频-音效波纹gif，暂时没有就不做 -->
									</view>
									<view class="Yinpin-box__yinpin__abs-yinpin__right-detail__Bottom-btn"
									@click.stop="AudioTap(true)">
										<view class="Yinpin-box__yinpin__abs-yinpin__right-detail__Bottom-btn__b-row">
											<!-- 定时关闭先不做 -->
											<view class="Yinpin-box__yinpin__abs-yinpin__right-detail__Bottom-btn__b-row__r-btn">
												<text class="app-text Yinpin-box__yinpin__abs-yinpin__right-detail__Bottom-btn__b-row__r-btn__text app-ttf-default"
												>返回视频</text>
											</view>
										</view>
									</view>
								</view>
							</view>
						</slot>
					</view>
				</cover-slot>
			</app-cover-view>
			
			
			

			

			<!-- 可 居中布局 盒子
				（6） 抽屉面板盒子[只在全屏下有效]  
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isFullScreenChange==true&&Drawer.isDrawerShow==true&&createAudio==false?TouchFullHeight:'0px'}]">
				<!--（6） 抽屉面板盒子[只在全屏下有效] -->
				<cover-slot v-if="isFullScreenChange==true&&Drawer.isDrawerShow==true&&createAudio==false&&isopenDrawerItem==true"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
				class="video-view-s drawer-view">
					<!--【更多】全屏后点击了右上方的“更多”icon图标按钮 -->
					<view v-if="Drawer.drawer_gengduo"
					class="drawer-view__item drawer-gengduo">
						<slot name="drawer_gengduo_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_gengduo_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
								<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
								<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
								:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template-fiqy">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<slot name="drawer_gengduo">
											<!-- 如果名为drawer_gengduo的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
											<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
											<scroll-view :scroll-y="true" 
											:show-scrollbar="true"
											:style="[{'height':TouchFullHeight}]">
												<view class="drawer-gengduo__Top-grid-box">
													<!-- 收藏 - 未收藏 -->
													<view v-if="isUserLove==false&&Config.buttonConfing.ShouCangTap.is_Show==true"
													class="drawer-gengduo__Top-grid-box__gr-item"
													@tap.stop="UserloveTap(false)">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.shoucang01_hied.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.shoucang.className"
																:unicode="iconsA.shoucang.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</view>
														</template>

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>收藏</text>

													</view>
													<!-- 收藏 - 已收藏 -->
													<view v-if="isUserLove==true&&Config.buttonConfing.ShouCangTap.is_Show==true"
													class="drawer-gengduo__Top-grid-box__gr-item"
													@tap.stop="UserloveTap(true)">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.shoucang01_show.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.shoucang.className"
																:unicode="iconsA.shoucang.unicode"
																FontSize="62rpx"
																Color="#00d0d3"
																></FatFatMeng-icon>
															</view>
														</template>								
														
														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>已收藏</text>

													</view>
													<!-- 下载 - 未下载 （后期再开放） -->
													<view v-if="Config.buttonConfing.DownloadFileTap.is_Show==true"
													class="drawer-gengduo__Top-grid-box__gr-item"
													@click.stop="downloadFileTap()">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.xiazai01_hied.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.fullscreen_download.className"
																:unicode="iconsA.fullscreen_download.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</view>
														</template>								

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>下载</text>

													</view>
													<!-- 下载 - 已下载 -->
													<view v-if="false"
													class="drawer-gengduo__Top-grid-box__gr-item">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.xiazai01_show.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.fullscreen_download.className"
																:unicode="iconsA.fullscreen_download.unicode"
																FontSize="62rpx"
																Color="#00d0d3"
																></FatFatMeng-icon>
															</view>
														</template>
														
														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>已下载</text>

													</view>
													<!-- 下载 - 禁用 (不可下载) -->
													<view v-if="false"
													class="drawer-gengduo__Top-grid-box__gr-item">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.xiazai01_jinyong.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.fullscreen_download.className"
																:unicode="iconsA.fullscreen_download.unicode"
																FontSize="62rpx"
																Color="rgba(255,255,255,0.3)"
																></FatFatMeng-icon>
															</view>
														</template>								

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>下载</text>

													</view>
													<!-- 投屏 -->
													<view class="drawer-gengduo__Top-grid-box__gr-item" 
													v-if="createAudio==false&&Config.buttonConfing.TouPingTap.is_Show==true"
													@tap.stop="toupingTap()">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.tv_toping01.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.fullsreen_airplay.className"
																:unicode="iconsA.fullsreen_airplay.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</view>
														</template>

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>投屏</text>

													</view>
													<!-- 音频 - 关 -->
													<view v-if="createAudio==false&&Config.buttonConfing.AudioTap.is_Show==true" 
													class="drawer-gengduo__Top-grid-box__gr-item"
													@click.stop="AudioTap(false)">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.yinpin01_hied.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.yinpin_xiao.className"
																:unicode="iconsA.yinpin_xiao.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</view>
														</template>		

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>音频</text>

													</view>
													<!-- 音频 - 开 -->
													<view v-if="createAudio==true&&Config.buttonConfing.AudioTap.is_Show==true" 
													class="drawer-gengduo__Top-grid-box__gr-item"
													@click.stop="AudioTap(true)">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.yinpin01_show.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.yinpin_xiao.className"
																:unicode="iconsA.yinpin_xiao.unicode"
																FontSize="62rpx"
																Color="#00d0d3"
																></FatFatMeng-icon>
															</view>
														</template>					

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>音频</text>

													</view>
													<!-- 小窗播放 -->
													<view v-if="isXiaoChuang==true"
													@click.stop="goXiaoChuangPlayTap()"
													class="drawer-gengduo__Top-grid-box__gr-item">

														<!-- 仿爱奇艺播放器模板 -->
														<template v-if="Template=='fiqy'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box">
																<image class="drawer-gengduo__Top-grid-box__gr-item__gr-Image-box__gr-Image image-transform"
																:src="IconsFiqy.xiaochuang01.imgurl"
																mode="widthFix"
																></image>
															</view>
														</template>
														
														<!-- 仿优酷播放器模板 -->
														<template v-if="Template=='fyk'">
															<view class="drawer-gengduo__Top-grid-box__gr-item__gr-radius">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.xiaochuan01.className"
																:unicode="iconsA.xiaochuan01.unicode"
																FontSize="43rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</view>
														</template>

														<text class="app-text drawer-gengduo__Top-grid-box__gr-item__text app-ttf-m"
														>小窗播放</text>

													</view>
												</view>
												<view class="drawer-gengduo__Bottom-Setting">
													<view class="drawer-gengduo__Bottom-Setting__b-s-t-list-box">
														<view v-if="Config.buttonConfing.SetLoopView.is_Show==true"
														class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item">
															<view class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-left-box">
																<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-left-box__text app-ttf-m title"
																>播放方式：</text>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box">
																<view :class="video_loop==false?'current':'no'"
																class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item"
																@tap.stop="VideoloopTap(false)">
																	<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item__text app-ttf-m"
																	>连续播放</text>
																</view>
																<!-- 单集播放就是单集循环播放 -->
																<view :class="video_loop==true?'current':'no'"
																class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item"
																@tap.stop="VideoloopTap(true)">
																	<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item__text app-ttf-m"
																	>单集播放</text>
																</view>
															</view>
														</view>
														<view v-if="Config.buttonConfing.SetObjectFitView.is_Show==true"
														class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item">
															<view class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-left-box">
																<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-left-box__text app-ttf-m title"
																>画面显示：</text>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box">
																<view :class="video_object_fit=='contain'?'current':'no'"
																@tap.stop="VideoobjectfitTap('contain')"
																class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item">
																	<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item__text app-ttf-m"
																	>自适应</text>
																</view>
																<view :class="video_object_fit=='fill'?'current':'no'"
																@tap.stop="VideoobjectfitTap('fill')"
																class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item">
																	<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item__text app-ttf-m"
																	>拉伸</text>
																</view>
																<view :class="video_object_fit=='cover'?'current':'no'"
																@tap.stop="VideoobjectfitTap('cover')"
																class="drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item">
																	<text class="app-text drawer-gengduo__Bottom-Setting__b-s-t-list-box__cell-item__c-i-right-box__r-item__text app-ttf-m"
																	>满屏</text>
																</view>
															</view>
														</view>
													</view>
													<view v-if="Config.buttonConfing.SetSkipToWeiView.is_Show==true"
													class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box">
														<view class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item">
															<text class="app-text drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item__text app-ttf-m"
															>跳过片头</text>
															<!-- 右边 - switch -->
															<view class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item__switch-right">
																<FatFatMeng-Switch
																:Template="Template=='fiqy'?'fiqy':Template=='fyk'?'fyk':'Template-no'"
																:checked="isSkipTo"
																@change="VideoSkipToTap"
																></FatFatMeng-Switch>
															</view>
														</view>
														<view class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sl-w-jiange"></view>
														<view class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item">
															<text class="app-text drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item__text app-ttf-m"
															>跳过片尾</text>
															<!-- 右边 - switch -->
															<view class="drawer-gengduo__Bottom-Setting__b-s-c-switch-box__sw-item__switch-right">
																<FatFatMeng-Switch
																:Template="Template=='fiqy'?'fiqy':Template=='fyk'?'fyk':'Template-no'"
																:checked="isSkipWei"
																@change="VideoSkipWeiTap"
																></FatFatMeng-Switch>
															</view>
														</view>
													</view>
													<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box">
														<!-- 亮度[slider进度条] -->
														<view v-if="Config.buttonConfing.SetLiangduView.is_Show==true"
														class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item Liangdu">
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box">
																<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item">
																	<image class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item__Imgae image-transform"
																	:src="IconsFiqy.liangdu01_xiao.imgurl"
																	mode="widthFix"
																	></image>
																</view>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-conter-box">
																<!-- 进度条盒子宽度 -->
																<!-- 进度条居中在盒子里 -->
																<!-- 进度条需要把rpx转换为px 2rpx=1px -->
																<FatFatMeng-Slider
																:isFull="isFullScreenChange"
																:Width="240"
																:value="SliderLiangduValue"
																:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
																:blockColor="VideoSliderConfing.blockColor||'#fff'"
																:blockBoxWidth="12"
																:blockBoxHeight="12"
																:blockBoxBorderRadius="12"
																:sliderHeight="2"
																:backgroundColor="'rgba(255, 255, 255, 0.35)'"
																:sliderboxViewHeight="30"
																@change="changeSliderLiangdu"
																@changing="changingSliderLiangdu"
																></FatFatMeng-Slider>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box">
																<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box__sl-item">
																	<image class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box__sl-item__Imgae image-transform"
																	:src="IconsFiqy.liangdu01_da.imgurl"
																	mode="widthFix"
																	></image>
																</view>
															</view>
														</view>
														<!-- 音量没有减图标，爱奇艺的音量图标放这里和上面亮度不搭，看着怪 -->
														<view v-if="false" class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item Yingliang">
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box">
																<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item">
																	<image class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-left-box__sl-item__Imgae image-transform"
																	:src="IconsFiqy.yinliang01_jian.imgurl"
																	mode="widthFix"
																	></image>
																</view>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-conter-box">
																<!-- 进度条 -->
																<view class="sl-slider"></view>
															</view>
															<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box">
																<view class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box__sl-item">
																	<image class="drawer-gengduo__Bottom-Setting__b-s-b-slider-box__slider-item__sl-right-box__sl-item__Imgae image-transform"
																	:src="IconsFiqy.yinliang01_jia.imgurl"
																	mode="widthFix"
																	></image>
																</view>
															</view>
														</view>
													</view>
												</view>
											</scroll-view>
										</slot>
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
					<!--【倍速】全屏后点击了右下方的“倍速”字体按钮 -->
					<view v-if="Drawer.drawer_besu"
					class="drawer-view__item drawer-besu">
						<slot name="drawer_besu_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_besu_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
								<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
								<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
								:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<!-- 如果名为drawer_besu的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
										<slot name="drawer_besu">
											<view class="drawer-besu__dr-besu-box">
												<!-- getBesu把数组倒序过来 -->
												<view class="drawer-besu__dr-besu-box__besu-item"
												:class="index==besuIndex?'current':'no'"
												v-for="(item,index) in getBesu"
												:key="index"
												:data-item="item"
												@tap.stop="playbackRate(item,index)">
													<!-- 渐变背景区 -->
													<view class="drawer-besu__dr-besu-box__besu-item__bg-linear-box">
														<view class="drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-left-color"></view>
														<view class="drawer-besu__dr-besu-box__besu-item__bg-linear-box__bg-right-color"></view>
													</view>
													<view class="drawer-besu__dr-besu-box__besu-item__besu-tit">
														<text class="app-text drawer-besu__dr-besu-box__besu-item__besu-tit__text besu-text app-ttf-b"
														>{{item}}</text>
														<text class="app-text drawer-besu__dr-besu-box__besu-item__besu-tit__text besu-x app-ttf-b"
														>X</text>
													</view>
												</view>
											</view>
										</slot>
									</view>
								</view>
								
							</uni-transition>
						</slot>
					</view>
					<!--【画质-清晰度】全屏后点击了右下方的“画质”字体按钮 -->
					<view v-if="Drawer.drawer_HDR"
					class="drawer-view__item drawer-HDR">
						<slot name="drawer_HDR_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_HDR_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
								<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
								<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
								:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<slot name="drawer_HDR">
											<!-- 如果名为drawer_HDR的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
											<!-- 如果使用了自定义的插槽内容进来，将会导致（画质/清晰度）抽屉内的顶部贴片广告失效 -->
											<view class="drawer-HDR__dr-huazhi-box"
											v-if="VideoSrcList[VideoSrcIndex]&&VideoSrcList[VideoSrcIndex].UrlHDRlist"
											>
												<!-- 画质设置之上的贴片广告区 -->
												<view v-if="drawer_adImgData.hdr.src"
												class="drawer-view__item__dr-Top-adView">
													<!-- 居中盒子 -->
													<view class="drawer-view__item__dr-Top-adView__box"
													@click.stop="Click_drawer_adImgView('hdr_adImgView')">
														<image class="drawer-view__item__dr-Top-adView__box__img image-transform"
														:src="drawer_adImgData.hdr.src" 
														mode="heightFix"
														></image>
														<view class="drawer-view__item__dr-Top-adView__box__tit">
															<text class="app-text drawer-view__item__dr-Top-adView__box__tit__text app-ttf-b"
															>广告</text>
														</view>
													</view>
												</view>
												<!-- VideoSrcIndex VideoSrcList -->
												<view class="drawer-HDR__dr-huazhi-box__huazhi-item"
												:class="index==HDRIndex?'current':'no'"
												v-for="(item,index) in VideoSrcList[VideoSrcIndex].UrlHDRlist"
												:key="index"
												:data-item="item"
												@tap.stop="VideoUrlHDRlistItem(item,index)">
													<!-- 渐变背景区 -->
													<view class="drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box">
														<view class="drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-left-color"></view>
														<view class="drawer-HDR__dr-huazhi-box__huazhi-item__bg-linear-box__bg-right-color"></view>
													</view>
													<view class="drawer-HDR__dr-huazhi-box__huazhi-item__huazhi-tit">
														<text class="app-text drawer-HDR__dr-huazhi-box__huazhi-item__huazhi-tit__text huazhi-text app-ttf-b"
														>{{item.HDRtitle}}</text>
														<view v-if="item.isVIP==true" 
														class="drawer-HDR__dr-huazhi-box__huazhi-item__huazhi-tit__right-VIP">
															<text class="app-text drawer-HDR__dr-huazhi-box__huazhi-item__huazhi-tit__right-VIP__text text-vip app-ttf-m"
															>VIP</text>
														</view>
													</view>
												</view>
											</view>
										</slot>
										
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
					<!--【选集】全屏后点击了右下方的“选集”字体按钮 -->
					<view v-if="Drawer.drawer_xuanji"
					class="drawer-view__item drawer-xuanji">
						<slot name="drawer_xuanji_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_xuanji_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
								<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
								<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
								:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<slot name="drawer_xuanji">
											<!-- 如果名为drawer_xuanji的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
											<!-- 如果使用了自定义的插槽内容进来，将会导致选集抽屉内的顶部贴片广告失效 -->
											<!-- 选集 -->
											<scroll-view class="drawer-xuanji__scroll-view" 
											:scroll-y="true" 
											:style="[{'height':TouchFullHeight+'px'}]">
												<!-- 选集设置之上的贴片广告区 -->
												<view v-if="drawer_adImgData.xuanji.src"
												class="drawer-view__item__dr-Top-adView">
													<!-- 居中盒子 -->
													<view class="drawer-view__item__dr-Top-adView__box"
													@click.stop="Click_drawer_adImgView('xuanji_adImgView')">
														<image class="drawer-view__item__dr-Top-adView__box__img image-transform"
														:src="drawer_adImgData.xuanji.src" 
														mode="heightFix"
														></image>
														<view class="drawer-view__item__dr-Top-adView__box__tit">
															<text class="app-text drawer-view__item__dr-Top-adView__box__tit__text app-ttf-b"
															>广告</text>
														</view>
													</view>
												</view>
												<view class="drawer-xuanji__scroll-view__xuanji-list-box">
													<view class="drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item"
													:class="index==VideoSrcIndex? 'current':'no'"
													v-for="(item,index) in VideoSrcList"
													:key="index" :data-url="item.url"
													@click.stop="VideoXuanJiIndexTap(item,index)">
														<text class="app-text drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__title-text title-text app-ttf-b"
														>{{index<=8? '0'+Number(index+1):Number(index+1)}}</text>
														
														<!-- 角标 -->
														<view class="drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box">
															<!-- 预告 -->
															<view v-if="item.isYuGao==true"
															class="isYuGao-item drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item">
																<text class="app-text drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item__text app-ttf-b"
																>预告</text>
															</view>
															<!-- VIP -->
															<view v-if="item.isVIP==true"
															class="isVIP-item drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item">
																<text class="app-text drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item__text app-ttf-b"
																>VIP</text>
															</view>
															<!-- VIP -->
															<view v-if="item.isCQDianbo==true"
															class="isCQDianbo-item drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item">
																<text class="app-text drawer-xuanji__scroll-view__xuanji-list-box__xuanji-list-item__is-jiaobiao-box__is-item__text app-ttf-b"
																>超前点播</text>
															</view>
														</view>
													</view>
												</view>
											</scroll-view>
										</slot>
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
					<!--【购物车-可选项】全屏后点击了右下方的“购物车”图标按钮 -->
					<view v-if="Drawer.drawer_goods"
					class="drawer-view__item drawer-goods">
						<slot name="drawer_goods_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_goods_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 购物车抽屉通用面板 -->
								<view :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<!-- 商品列表 -->
										<scroll-view class="drawer-goods__scroll-view" 
										:scroll-y="true" 
										:style="[{'height':TouchFullHeight}]">
											<!-- 这里是插槽，可以自己插槽进来 -->
											<slot name="drawer_goods"></slot>
										</scroll-view>
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
					
					<!-- @conter-left-UI控件 对应的面板 -->
					<!--【仿爱奇艺·奇观-可选项】全屏后点击了中间左边的“识图(仿爱奇艺·奇观)”图标按钮 -->
					<view v-if="Drawer.drawer_qiguanBaiKe"
					class="drawer-view__item drawer-qiguanBaiKe">
						<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
						<!-- 仿爱奇艺·奇观-抽屉通用面板 -->
						<view :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
						class="Template">
							<!-- 左边 -->
							<view class="drawer-view__item__dr-left-box"
							@tap.stop="closeDrawerItem()"></view>
							<!-- 右边 -->
							<view class="drawer-view__item__dr-right-box">
								<!-- 百科信息列表 -->
								<scroll-view class="drawer-qiguanBaiKe__scroll-view" :scroll-y="true" 
								:style="[{'height':TouchFullHeight}]">
									<!-- 这里是插槽，可以自己插槽进来 -->
									<view v-if="BaiKeWebView==false"
									class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box">
										<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header">
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-top">
												<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-top__h-t-left">
													<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-top__h-t-left__text app-ttf-b"
													>奇观·识别结果</text>
												</view>
												<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-top__h-t-right">
													<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-top__h-t-right__text app-ttf-m"
													>反馈</text>
												</view>
											</view>
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-bottom">
												<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-Header__H-bottom__text app-tt-m"
												>小提示：奇观可以识别图像中的人物、动物等各种信息</text>
											</view>
										</view>
										<!-- 基本信息 -->
										<view v-if="BaiKeData"
										class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc"
										:data-item="BaiKeData"
										:data-BaiKeID="BaiKeData.baikeid">
											<!-- 百科信息 -->
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info">
												<!-- 左边>>图片 -->
												<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-left-img">
													<image class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-left-img__Image image-transform" 
													:src="BaiKeData.img" 
													mode="aspectFill"
													></image>
												</view>
												<!-- 右边>>名字/介绍 -->
												<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-right-text">
													<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-right-text__r-t-top Name">
														<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-right-text__r-t-top__text app-ttf-b"
														>{{BaiKeData.name}}</text>
													</view>
													<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-right-text__r-t-bottom JieShao">
														<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-Info__bk-right-text__r-t-bottom__text app-ttf-b"
														>{{BaiKeData.jieshao}}</text>
													</view>
												</view>
											</view>
											<!-- 了解详情 - 按钮 -->
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-btn"
											@click.stop="openBaiKeStarMapWebView(BaiKeData.name,BaiKeData.baikeid)">
												<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-desc__bk-desc-btn__text app-ttf-m"
												>了解详情</text>
											</view>
										</view>
										<!-- 明星关系 -->
										<view v-if="BaiKeData.renwuguanxi"
										class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations">
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-Header">
												<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-Header__text app-ttf-b"
												>明星关系</text>
											</view>
											<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body">
												<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell" 
												v-for="(item,index) in BaiKeData.renwuguanxi"
												:key="index" :data-item="item"
												@click="openBaiKeStarMapWebView(item.name,item.baikeid)">
													<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell__s-c-top">
														<image class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell__s-c-top__Image image-transform" 
														:src="item.img" 
														mode="widthFix"
														></image>
													</view>
													<view class="drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell__s-c-bottom">
														<!-- 人名 -->
														<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell__s-c-bottom__text-Name app-ttf-b"
														>{{item.name}}</text>
														<!-- 关系 -->
														<text class="app-text drawer-qiguanBaiKe__scroll-view__qiguanBaiKe-list-box__qg-BaiKe-star-relations__starMap-body__s-cell__s-c-bottom__text-relations app-ttf-m"
														>{{item.title}}</text>
													</view>
												</view>
											</view>
										</view>
									</view>
									<!-- 百科星图-web浏览器 -->
									<view v-if="BaiKeWebView==true"
									class="drawer-qiguanBaiKe__scroll-view__Web-View-box">
										<web-view :src="BaiKeStarMap.WebViewUrl"
										:style="[{'height':(FullscreenHeight-30)+'px'}]"
										class="drawer-qiguanBaiKe__scroll-view__Web-View-box__webview"
										:webview-styles="webviewStyles"
										></web-view>
										<view class="drawer-qiguanBaiKe__scroll-view__Web-View-box__back-btin"
										@click="closeBaiKeStarMapWebView()">
											<!-- 透明关闭按钮 -->
										</view>
									</view>
								</scroll-view>
							</view>
						</view>
						</uni-transition>
					</view>
					
					<!--【分享-可自定义】全屏后点击了右上方的“分享”图标按钮 -->
					<view v-if="Drawer.drawer_Share"
					class="drawer-view__item drawer-Share">
						<slot name="drawer_Share_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_Share_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 分享设置抽屉通用面板 -->
								<view :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<slot name="drawer_Share">
											<!-- 如果名为drawer_Share的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
											<!-- 如果使用了自定义的插槽内容进来，将会导致选集抽屉内的顶部贴片广告失效 -->
											<scroll-view class="drawer-Share__scroll-view" :scroll-y="true" 
											:style="[{'height':TouchFullHeight}]">
												<view class="drawer-Share__scroll-view__Header-Title">
													<text class="app-text drawer-Share__scroll-view__Header-Title__text app-ttf-m"
													>分享至</text>
												</view>
												<!-- 这里是贴图广告位，后期开放 -->
												<!-- 这里是插槽，可以自己插槽进来 -->
												<view class="drawer-Share__scroll-view__Share-box">
													<view class="drawer-Share__scroll-view__Share-box__item"
													v-for="(item,index) in ShareIcons" :key="index"
													@tap.stop="ShareItemTap(index,item)">
														<image class="drawer-Share__scroll-view__Share-box__item__Image image-transform" mode="widthFix"
														:src="item.imgurl"></image>
														<text class="app-text drawer-Share__scroll-view__Share-box__item__text app-ttf-m"
														>{{item.name}}</text>
													</view>
												</view>
											</scroll-view>
										</slot>
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
					<!--【弹幕设置】全屏后点击了左下方的“弹幕设置icon”图标按钮 -->
					<view v-if="Drawer.drawer_DanmuSetting"
					class="drawer-view__item drawer-DanmuSetting">
						<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
							<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
							<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
							<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
							:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
							class="Template">
								<!-- 左边 -->
								<view class="drawer-view__item__dr-left-box"
								@tap.stop="closeDrawerItem()"></view>
								<!-- 右边 -->
								<view class="drawer-view__item__dr-right-box">
									<!-- 弹幕设置 -->
									<scroll-view class="drawer-DanmuSetting__scroll-view" 
									:scroll-y="true" 
									:style="[{'height':TouchFullHeight+'px'}]">
										<view class="drawer-DanmuSetting__scroll-view__Header-Title">
											<text class="app-text drawer-DanmuSetting__scroll-view__Header-Title__text app-ttf-default"
											>显示设置 （请点击对应的小白点设置参数）</text>
										</view>
										<!-- 透明度 设置 -->
										<view class="drawer-DanmuSetting__scroll-view__cell-item">
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Top-title">
												<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Top-title__text app-ttf-default"
												>不透明度</text>
											</div>
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom set">
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__slider-box">
													<FatFatMengchangingSliderStep
													:Width="270"
													:stepnum="10"
													:blockSize="15"
													:Value="DanmuSetting.Slider_step.Opacity_Value"
													:Height="4"
													:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
													:blockbgColor="'#fff'"
													Event_type="Opacity"
													@changing="changingDanmuSetting"
													></FatFatMengchangingSliderStep>
												</div>
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex">
													<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex__text app-ttf-default"
													>{{DanmuSetting.Slider_step.Opacity_text}}</text>
												</div>
											</div>	
										</view>
										<!-- 字号 设置 -->
										<view class="drawer-DanmuSetting__scroll-view__cell-item">
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Top-title">
												<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Top-title__text app-ttf-default"
												>字号</text>
											</div>
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom set">
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__slider-box">
													<FatFatMengchangingSliderStep
													:Width="270"
													:stepnum="4"
													:blockSize="15"
													:Value="DanmuSetting.Slider_step.FontSize_Value"
													:Height="4"
													:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
													:blockbgColor="'#fff'"
													Event_type="FontSize"
													@changing="changingDanmuSetting"
													></FatFatMengchangingSliderStep>
												</div>
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex">
													<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex__text app-ttf-default"
													>{{DanmuSetting.Slider_step.FontSize_text}}</text>
												</div>
											</div>	
										</view>
										<!-- 速度 设置 -->
										<view class="drawer-DanmuSetting__scroll-view__cell-item">
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Top-title">
												<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Top-title__text app-ttf-default"
												>速度</text>
											</div>
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom set">
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__slider-box">
													<FatFatMengchangingSliderStep
													:Width="270"
													:stepnum="5"
													:blockSize="15"
													:Value="DanmuSetting.Slider_step.duration_Value"
													:Height="4"
													:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
													:blockbgColor="'#fff'"
													Event_type="duration"
													@changing="changingDanmuSetting"
													></FatFatMengchangingSliderStep>
												</div>
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex">
													<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex__text app-ttf-default"
													>{{DanmuSetting.Slider_step.duration_text}}</text>
												</div>
											</div>	
										</view>
										<!-- 显示区域 设置 -->
										<view class="drawer-DanmuSetting__scroll-view__cell-item">
											<!-- （弹幕轨道） -->
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Top-title">
												<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Top-title__text app-ttf-default"
												>显示区域 {{'（'+ DanmuSetting.cell_num + '行' +'）'}}</text>
											</div>
											<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom set">
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__slider-box">
													<!-- 6-1 = 5 5个轨道 -->
													<FatFatMengchangingSliderStep
													:Width="270"
													:stepnum="6"
													:blockSize="15"
													:Value="DanmuSetting.Slider_step.cell_num_Value"
													:Height="4"
													:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
													:blockbgColor="'#fff'"
													Event_type="cell_num"
													@changing="changingDanmuSetting"
													></FatFatMengchangingSliderStep>
												</div>
												<div class="drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex">
													<!-- 右边文本 -->
													<text class="app-text drawer-DanmuSetting__scroll-view__cell-item__Bottom__value-tex__text app-ttf-default"
													>{{DanmuSetting.Slider_step.cell_num_text}}</text>
												</div>
											</div>	
										</view>
									</scroll-view>
								</view>
							</view>

						</uni-transition>
					</view>

					<!--【开发者自定义抽屉-可自定义】页面上调用refs方法打开》自定义的抽屉面板 -->
					<view v-if="Drawer.drawer_DIY"
					class="drawer-view__item drawer_DIY">
						<slot name="drawer_DIY_box">
							<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
							<!-- 如果名为drawer_Share_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
							<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
							<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show">
								<!-- 分享设置抽屉通用面板 -->
								<view :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]"
								class="Template">
									<!-- 左边 -->
									<view class="drawer-view__item__dr-left-box"
									@tap.stop="closeDrawerItem()"></view>
									<!-- 右边 -->
									<view class="drawer-view__item__dr-right-box">
										<slot name="drawer_DIY">
											<!-- 自定义右边内容 -->
										</slot>
									</view>
								</view>
							</uni-transition>
						</slot>
					</view>
				</cover-slot>
			</app-cover-view>



			<!-- 可 居中布局 盒子
				（10）手指触摸区View盒子  
				下面这段不知道能不能修复ios上的问题
				@touchmove.stop.prevent="()=>{}"
				当视频出错时 高度变成0
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isError==false&&isopenDrawerItem==false&&createAudio==false?TouchFullHeight:'0px'}]">
				<!--（10）手指触摸区View盒子 -->
				<cover-slot v-if="ref_type=='my'&&isopenDrawerItem==false&&createAudio==false"
				:style="[{'top':TouchView_Top},{'left':TouchView_left}]"
				class="cover-view TouchView">
					<!-- 已调整，div触摸的灵活度比view好 -->
					<div :style="[{'width':TouchView_Width},{'height':TouchView_Height}]"
					ref="TouchView"
					@touchstart.stop="onTouchStart"
					@touchmove.stop="onTouchMove"
					@touchend.stop="onTouchEnd">
						<text v-if="false" class="app-text app-ttf-m"
						>手指触摸区View盒子</text>
						<!-- 当show=true时，控制面板下面被触摸不可以执行触摸事件及双击单击事件等 -->
						<!-- @isShowCommFullScreen 此方法已经移动到Touch.js手释放事件里 -->
						<!--  -->
					</div>
				</cover-slot>
			</app-cover-view>

			
			
			
			<!--@**（16-1-conter-left）（绝对定位）
				[进入全屏时] 锁屏面板-中间靠左-conter-left部分 
				{'height':isFullScreenChange==true&&isSuoPing==true?TouchFullHeight:'0px'}
			-->
			<app-cover-view :style="[{'height':isFullScreenChange==true&&isSuoPing==true?TouchFullHeight:'0px'}]"
			class="cover-view suoping-box goFullControl-conter-left goFullControl">
				<!--（16）锁屏View盒子，此盒子是单独的 -->
				<cover-slot v-if="isFullScreenChange==true&&isSuoPing==true">
					<slot name="suopingControl_left_box">
						<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
						<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
						<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
						class="suoping-box__Template Template"
						:style="[{'height':TouchFullHeight}]">
							<uni-transition ref="ani" :mode-class="['fade','slide-left']" :show="show">
								<view class="suoping-box__Template__ju-center m-left-30px">
									<!-- 左边锁屏 - 已调整布局/ -->
									<view v-if="createAudio==false" 
									class="suoping-box__Template__ju-center__left-box">
										<!-- 公用icon图标盒子box -->
										<view @click.stop="SuoPingTap(true)"
										class="suoping-box__Template__ju-center__left-box__public-VideoIcons-box public-VideoIcons-box">
											<slot name="suopingControl_left_item_suoping">
												<!-- [进入全屏时]仿爱奇艺播放器模板 -->
												<template v-if="Template=='fiqy'">
													<!-- 锁屏 - 开启  点击关闭-->
													<view class="suoping-box__Template__ju-center__left-box__public-VideoIcons-box__itme item pingsuo01_show">
														<image class="suoping-box__Template__ju-center__left-box__public-VideoIcons-box__itme__img-icons Image-icons image-transform" 
														:src="IconsFiqy.pingsuo01_show.imgurl"
														mode="widthFix"></image>
													</view>
												</template>

												<!-- [进入全屏时]仿爱奇艺播放器模板 -->
												<template v-if="Template=='fyk'">
													<!-- 锁屏 - 开启  点击关闭-->
													<view class="suoping-box__Template__ju-center__left-box__public-VideoIcons-box__itme item pingsuo01_show">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.suoding_show.className"
														:unicode="iconsA.suoding_show.unicode"
														FontSize="62rpx"
														Color="#00d0d3"
														></FatFatMeng-icon>
													</view>
												</template>
											</slot>
										</view>
									</view>
								</view>
							</uni-transition>
						</view>
					</slot>
				</cover-slot>
			</app-cover-view>
			
			
			
			
			<!--@**（16-2-bottom）（绝对定位）
				[进入全屏时] 锁屏面板-底部-Bottom部分 显示锁屏时预览的进度条
				[退出全屏时] 控制面板show=false时-底部-Bottom部分 显示锁屏时预览的进度条
				用途介绍在：SuoPingSlider.js
			-->
			<app-cover-view :style="[{'width':isSuoPingSlider==true&&onReady_Init_PlayState==false?TouchFullWidth:'0px'}]"
			class="cover-view suoping-box goFullControl-Bottom goFullControl">
				<!--（16）锁屏View盒子，此盒子是单独的 -->
				<cover-slot v-if="isSuoPingSlider==true&&onReady_Init_PlayState==false">
					<slot name="suopingControl_bottom_box">
						<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
						<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
						<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
						class="suoping-box__Template Template"
						:style="[{'width':TouchFullWidth}]">
							<app-transition ref="ani" :mode-class="['fade','slide-bottom']" :show="isFullScreenChange==true ? show : !show">
								<!-- 锁屏界面 进度条 -->
								<view class="suoping-box__Template__bottom-Slider item-Slider"
								:style="[{'width': TouchFullWidth}]">
									<slot name="suopingControl_bottom_item_Slider">
										<!-- [进入全屏或退出全屏时] 进度条 -->
										<!-- :disabled="true" 禁用进度条触摸 -->
										<FatFatMeng-Slider
										v-if="islive_player==false"
										:disabled="true"
										:isFull="isFullScreenChange"
										:Width="isFullScreenChange==true? Number(FullSliderWidth):Number(FullscreenHeight)"
										:value="timeUpdate[0].sliderValue"
										:sliderValueBfb="proGress[0].sliderValueBfb"
										:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'#00f8ff'"
										:activeColor="VideoSliderConfing.activeColor||'#00f8ff'"
										:huanchongColor="VideoSliderConfing.huanchongColor||'rgba(255,255,255,0.55)'"
										:backgroundColor="VideoSliderConfing.backgroundColor||'rgba(255, 255, 255, 0.35)'"
										:sliderboxViewHeight="Template=='fiqy'&&isFullScreenChange==true ? 3 : 2"
										:platform_mobile="platform_mobile"
										@change="changeSlider"
										@changing="changingSlider"
										></FatFatMeng-Slider>
									</slot>
								</view>
							</app-transition>
						</view>
					</slot>
				</cover-slot>
			</app-cover-view>





			

			<!-- 可 居中布局 盒子
				（9） 视频暂停时 [贴片广告：可图片可视频] 
			-->
			<app-cover-view v-if="ref_type=='my'"
			class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':adView_pause==true&&isError==false&&isPlay==false&&createAudio==false&&ShotTap==false&&timeUpdate[0].currentTime>=2&&onReady_Init_PlayState==false?TouchFullHeight:'0px'}]">
				<!--（9） 视频暂停时 [贴片广告：可图片可视频]
					用v-if会导致重绘，就会看到闪一下再显示
					这里用透明度来控制，不会出现的问题
				-->
				<cover-slot v-if="adView_pause==true&&isError==false&&isPlay==false&&createAudio==false&&ShotTap==false&&timeUpdate[0].currentTime>=2&&onReady_Init_PlayState==false" 
				class="pause-adView-box Patch-ad-box"
				:class="[isPlay==false?'opacity-1':'opacity-0',
				isFullScreenChange==true?'yesFull':'noFull']">
					<slot name="pause_adView_box">
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为pause_adView_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

						<!-- 
						[暂停时]贴片广告 需要判断全屏和非全屏
						来改变大小，全屏下暂停时贴片广告应该更大一点
						-->
						<view class="pause-adView-box__adimgView" v-if="adView_pause==true">
							<image v-if="pause_adImgData.src"
							class="pause-adView-box__adimgView__img image-transform"
							@click.stop="Click_pause_adImgView()"
							:src="pause_adImgData.src"
							mode="widthFix"
							:style="[{'width':adView_pauseWidth+'px'}]"
							></image>
							<!-- 右边关闭icon按钮 -->
							<view v-if="pause_adImgData.src"
							class="pause-adView-box__adimgView__ad-hied">
								<view class="pause-adView-box__adimgView__ad-hied__ad-text">
									<text class="app-text pause-adView-box__adimgView__ad-hied__ad-text__text app-ttf-default"
									>广告</text>
								</view>
								<image class="pause-adView-box__adimgView__ad-hied__img image-transform" 
								@click.stop="play()"
								:style="[{'width': '60rpx'},{'height': '60rpx'}]"
								:src="ButtonIcons.Images.tap_false_01.url"
								mode="widthFix"></image>
							</view>
						</view>
						<!-- <text class="app-text ad-s">视频暂停时</text> -->
					</slot>
				</cover-slot>
			</app-cover-view>





			<!-- 可 居中布局 盒子
				（12）[进入全屏时][右边]点击了截屏图标时显示的截图view盒子 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isFullScreenChange==true&&screenShotView==true?TouchFullHeight:'0px'}]">
				<!--（12）[进入全屏时][右边]点击了截屏图标时显示的截图view盒子 -->
				<cover-slot v-if="isFullScreenChange==true&&screenShotView==true"
				class="screenShot-box">
					<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="true">
					<!-- 截图后显示的截图view盒子 -->
					<view style="width: 360rpx;"
					class="screenShot-box__ani-drawer-box">
						<view style="width: 320rpx;" 
						class="screenShot-box__ani-drawer-box__Shot-Img-box-view">
							<!-- 截图图片 -->
							<image style="width: 320rpx;"
							class="screenShot-box__ani-drawer-box__Shot-Img-box-view__img image-transform"
							:src="PicSrc" mode="widthFix"
							></image>
						</view>
						<!-- 关闭按钮（用于用户可能不需要ai识图和分享） -->
						<view class="screenShot-box__ani-drawer-box__closeScreenShot-img-box"
						@tap.stop="closeScreenShotViewTap()">
							<image class="screenShot-box__ani-drawer-box__closeScreenShot-img-box__img image-transform" 
							:src="ButtonIcons.Images.tap_false_01.url" 
							mode="widthFix"></image>
						</view>
						<view class="screenShot-box__ani-drawer-box__bottom-row-view">
							<!-- 分享截图 -->
							<view class="screenShot-box__ani-drawer-box__bottom-row-view__item"
							@tap.stop="ShareScreenShotTap()">
								<text class="app-text screenShot-box__ani-drawer-box__bottom-row-view__item__text app-ttf-default"
								>分享</text>
							</view>
							<!-- 分割线 -->
							<view class="screenShot-box__ani-drawer-box__bottom-row-view__item-fenge">
								<text class="app-text screenShot-box__ani-drawer-box__bottom-row-view__item-fenge__text app-ttf-default"
								>|</text>
							</view>
							<!-- “仿爱奇艺·奇观” -->
							<view class="screenShot-box__ani-drawer-box__bottom-row-view__item"
							@tap.stop="AiShiTuTap()">
								<text class="app-text screenShot-box__ani-drawer-box__bottom-row-view__item__text app-ttf-m"
								>Ai识图</text>
							</view>
						</view>
					</view>
					</uni-transition>
				</cover-slot>
			</app-cover-view>



			<!-- 可 居中布局 盒子
				（13）[进入全屏时][右边]点击了截图view盒子上的“分享”按钮时打开的分享截图View抽屉盒子 
			-->
			<app-cover-view v-if="isFullScreenChange==true&&ShareScreenShotView==true"
			class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isFullScreenChange==true&&ShareScreenShotView==true?TouchFullHeight:'0px'}]">
				<!--（13）[进入全屏时][右边]点击了截图view盒子上的“分享”按钮时打开的分享截图View抽屉盒子 -->
				<cover-slot v-if="isFullScreenChange==true&&ShareScreenShotView==true"
				class="Share-screenShot-box"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="true">
						<!-- 分享截图View抽屉盒子，此抽屉盒子是单独的 -->
						<view class="Share-screenShot-box__ani-drawer-box" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
							<!-- Top 返回图标+header -->
							<view class="Share-screenShot-box__ani-drawer-box__Top-Back-Header">
								<image class="Share-screenShot-box__ani-drawer-box__Top-Back-Header__Image-Back image-transform"
								style="width: 38px;" mode="widthFix"
								:src="IconsFiqy.btn_back01.imgurl" 
								@tap.stop="closeShareScreenShotView()"
								></image>
								<text class="app-text Share-screenShot-box__ani-drawer-box__Top-Back-Header__text app-ttf-default"
								>分享 让生活更加精彩</text>
							</view>
							<!-- conter 截图+分享item项 -->
							<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box">
								<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box__left-box">
									<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box__left-box__screenShot-img-box">
										<image class="Share-screenShot-box__ani-drawer-box__conter-Share-box__left-box__screenShot-img-box__Image-Shot image-transform"
										:src="PicSrc"
										mode="widthFix"></image>
									</view>
								</view>
								<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box">
									<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Header-Title">
										<text class="app-text Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Header-Title__text app-ttf-default"
										>已保存到系统相册，可以分享给好友啦</text>
									</view>
									<view class="Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Share-box">
										<view v-for="(item,index) in ShareIcons" :key="index" 
										class="Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Share-box__item"
										@tap.stop="ShareItemTap(index,item)">
											<image class="Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Share-box__item__Image image-transform" mode="widthFix"
											:src="item.imgurl"></image>
											<text class="app-text Share-screenShot-box__ani-drawer-box__conter-Share-box__right-box__Share-box__item__text app-ttf-default"
											>{{item.name}}</text>
										</view>
									</view>
								</view>
							</view>
							<!-- bottom 站位符 -->
							<view class="Share-screenShot-box__ani-drawer-box__bottom-view zhanweifu"></view>	
						</view>
					</uni-transition>
				</cover-slot>
			</app-cover-view>


			
			
			
			<!--@**（14-bottom）（绝对定位）- 2021-1218-调整布局，改为绝对定位，不再是局中盒子，修复ios上当气泡文字出现时，点击其他地方没反应，只有等气泡文字消失才可以的bug
				（14）文字气泡View抽屉盒子，此抽屉盒子是单独的（退出全屏和进入全屏时都要有） 
			-->
			<app-cover-view class="cover-view TextBubble-view TextBubble-view-Bottom" 
			:style="[{'width':TouchFullWidth},{'height': TextBubbleView.isShow==true ? 80+10+'rpx' : '0px'},{'bottom':TextBubble_bottom+'rpx'}]">
				<!-- TextBubble_bottom + 80 + 10 , ani-drawer-item高度80rpx ani-drawer-item外下边距10rpx -->
				<!--（14）文字气泡View抽屉盒子，此抽屉盒子是单独的（退出全屏和进入全屏时都要有） -->
				<cover-slot v-if="TextBubbleView.isShow==true" class="TextBubble-box"
				:style="[{'left':isFullScreenChange==true?'70rpx':'30rpx'}]">
					<!-- 用户通过api调用文字气泡这个后期版本开放，不要一次性全部开放了，不然后面没啥新增更新内容了 -->
					<!-- 用于>>用户通过api方法调用时显示的自定义文字气泡View -->
					<view v-if="TextBubbleView.userBubble_drawer==true" 
					class="TextBubble-box__ani-drawer-item Event-api-user">
						<uni-transition ref="ani" :mode-class="['fade','slide-left']" :show="true">
							<view class="TextBubble-box__ani-drawer-item__TextBubbleView">
								<view class="TextBubble-box__ani-drawer-item__TextBubbleView__left-title">
									<text class="app-text TextBubble-box__ani-drawer-item__TextBubbleView__left-title__text app-ttf-default"
									>观影30分钟任务完成，积分+10</text>
								</view>
								<view :class="Template=='fiqy'?'fiqy-color':'fyk-color'"
								class="TextBubble-box__ani-drawer-item__TextBubbleView__right-btn-Event">
									<text class="app-text TextBubble-box__ani-drawer-item__TextBubbleView__right-btn-Event__text app-ttf-default"
									>立即领取</text>
								</view>
							</view>
						</uni-transition>
					</view>
					<!-- 用于>>内置通用的文字气泡View（如显示“接下来 一生一世 第2集”等等） -->
					<!-- ani-drawer-item = 80rpx 外下边距 = 10rpx -->
					<view v-if="TextBubbleView.xtBubble_drawer==true"
					class="TextBubble-box__ani-drawer-item xt-currency">
						<uni-transition ref="ani" :mode-class="['fade','slide-left']" :show="true">
							<view class="TextBubble-box__ani-drawer-item__TextBubbleView"
							:style="[{'background-color':Config.TextBubbleConfing.bgColor || 'rgba(0,0,0,0.65)'}]">
								<!-- 如>>接下来  一生一世  第2集 -->
								<view class="TextBubble-box__ani-drawer-item__TextBubbleView__left-title">
									<text :style="[{'color':TextBubbleColor?TextBubbleColor:'#f1f1f1'}]"
									class="TextBubble-box__ani-drawer-item__TextBubbleView__left-title__text app-text app-ttf-default"
									>{{VideoTitle_TextBubble}}</text>
								</view>
							</view>
						</uni-transition>
					</view>
				</cover-slot>
			</app-cover-view>
			
			
			
			

			<!--@**（7-1-top）（绝对定位）
				[退出全屏时]控制面板-顶部-Top部分 
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==false&&isextFull==true&&isopenDrawerItem==false&&Config.extFullControl.is_Show==true"
			class="cover-view extFullControl-Top extFullControl">
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'width':TouchFullWidth}]">
					<slot name="extFullControl_top_box">
						<!-- [退出全屏时]控制面板-顶部-Top部分-整体  -->
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为extFullControl__top_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						
						<!-- 3.5.1版本 2022-0325 -->
						<!-- 3.5.1版本调整，已在app-transition标签上去除v-if="onReady_Init_PlayState==false" -->
						<app-transition ref="ani_FullControl_top" :mode-class="['fade','slide-top']" :show="show" @change="changeTransition">
							<view class="extFullControl__ext-top-box">
								<view class="extFullControl__ext-top-box__e-t-left-box">
									<slot name="extFullControl_top_left_box">
										<slot name="extFullControl_top_left_item_left">
											<!-- 左边追加 -->
										</slot>
										<slot name="extFullControl_top_left_item_right">
											<!-- 右边追加 -->
										</slot>
										<!-- [退出全屏时]控制面板-顶部-Top部分-左边  -->
										<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
										<!-- 如果名为extFullControl_top_left_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
									</slot>
								</view>
								<view class="extFullControl__ext-top-box__e-t-right-box">
									<slot name="extFullControl_top_right_box">
										<!-- [退出全屏时]控制面板-顶部-Top部分-右边  -->
										<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
										<!-- 如果名为extFullControl_top_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

										<!-- 公用icon图标盒子box -->
										<view class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box">
											<slot name="extFullControl_top_right_item_left">
												<!-- 左边追加 -->
											</slot>
											<!-- 收藏 - 未收藏 -->
											<view v-if="isUserLove==false&&createAudio==false&&Config.buttonConfing.ShouCangTap.is_Show==true"
											@tap.stop="UserloveTap(false)"
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item shoucang01_hied">
												
												<slot name="extFullControl_top_right_item_UserLove_false">
													<!-- 如果名为extFullControl_top_right_item_UserLove_false的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.shoucang01_hied.imgurl"
														mode="widthFix"
														></image>
													</template>

													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.shoucang.className"
														:unicode="iconsA.shoucang.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>

											</view>
											<!--收藏 - 已收藏 -->
											<view v-if="isUserLove==true&&createAudio==false&&Config.buttonConfing.ShouCangTap.is_Show==true"
											@tap.stop="UserloveTap(true)"
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item shoucang01_show">
												
												<slot name="extFullControl_top_right_item_UserLove_true">
													<!-- 如果名为extFullControl_top_right_item_UserLove_true的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform" 
														:src="IconsFiqy.shoucang01_show.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.shoucang.className"
														:unicode="iconsA.shoucang.unicode"
														FontSize="54rpx"
														Color="#00d0d3"
														></FatFatMeng-icon>
													</template>
												</slot>

											</view>
											<!-- 音频 - 关  -->
											<view v-if="createAudio==false&&Config.buttonConfing.AudioTap.is_Show==true" 
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item yinpin01_hied"
											@click.stop="AudioTap(false)">

												<slot name="extFullControl_top_right_item_Audio_false">
													<!-- 如果名为extFullControl_top_right_item_Audio_false的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.yinpin01_hied.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.yinpin_xiao.className"
														:unicode="iconsA.yinpin_xiao.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>

											</view>
											<!-- 音频 - 开  -->
											<view v-if="createAudio==true&&Config.buttonConfing.AudioTap.is_Show==true" 
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item yinpin01_show"
											@click.stop="AudioTap(true)">

												<slot name="extFullControl_top_right_item_Audio_true">
													<!-- 如果名为extFullControl_top_right_item_Audio_true的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														mode="widthFix"
														:src="IconsFiqy.yinpin01_show.imgurl"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.yinpin_xiao.className"
														:unicode="iconsA.yinpin_xiao.unicode"
														FontSize="54rpx"
														Color="#00d0d3"
														></FatFatMeng-icon>
													</template>
												</slot>

											</view>
											<!-- 投屏 -->
											<view v-if="createAudio==false&&Config.buttonConfing.TouPingTap.is_Show==true" 
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item tv_toping01"
											@tap.stop="toupingTap()">

												<slot name="extFullControl_top_right_item_touping">
													<!-- 如果名为extFullControl_top_right_item_touping的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.tv_toping01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.fullsreen_airplay.className"
														:unicode="iconsA.fullsreen_airplay.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>

											</view>
											<!-- 更多 -->
											<view v-if="Config.buttonConfing.extFull_gengduoTap.is_Show==true"
											class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item gengduo01"
											@tap.stop="gengduoTap()">
												
												<slot name="extFullControl_top_right_item_gengduo">
													<!-- 如果名为extFullControl_top_right_item_touping的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-top-box__e-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														mode="widthFix"
														:src="IconsFiqy.gengduo01.imgurl"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.fullscreen_more.className"
														:unicode="iconsA.fullscreen_more.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>
												
											</view>
											<slot name="extFullControl_top_right_item_right">
												<!-- 右边追加 -->
											</slot>
										</view>
									</slot>
								</view>
							</view>
						</app-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			<!--@**（7-2-bottom）（绝对定位）
				[退出全屏时]控制面板-底部-Bottom部分 
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==false&&isextFull==true&&isopenDrawerItem==false&&Config.extFullControl.is_Show==true"
			class="cover-view extFullControl-Bottom extFullControl">
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'width':TouchFullWidth}]">
					<slot name="extFullControl_bottom_box">
						<!-- [退出全屏时]控制面板-底部部-Bottom部分-整体  -->
						<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
						<!-- 如果名为extFullControl__bottom_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

						<!-- 3.5.1版本 2022-0325 -->
						<!-- 3.5.1版本调整，已在app-transition标签上去除v-if="onReady_Init_PlayState==false" -->
						<app-transition ref="ani_FullControl_bottom" :mode-class="['fade','slide-bottom']" :show="show" @change="changeTransition">
							<view :eventPenetrationEnabled="true"
							class="extFullControl__ext-Bottom-box" id="extFull_Bottom_box"
							ref="extFull_Bottom_box">
								<view class="extFullControl__ext-Bottom-box__e-b-left-box">
									<slot name="extFullControl_bottom_left_box">
										<!-- [退出全屏时]控制面板-底部-Bottom部分-左边  -->
										<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
										<!-- 如果名为extFullControl_bottom_left_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

										<!-- 公用icon图标盒子box -->
										<view v-if="createAudio==false"
										class="extFullControl__ext-Bottom-box__e-b-left-box__public-VideoIcons-box" id="extFull_left_public_VideoIcons_box" ref="extFull_left_public_VideoIcons_box">
											<slot name="extFullControl_bottom_left_item_left">
												<!-- 左边追加 -->
											</slot>
											
											<!-- 播放 -->
											<view v-if="isPlaybtn==false&&Config.buttonConfing.PlayPuseTap.is_Show==true"
											class="extFullControl__ext-Bottom-box__e-b-left-box__public-VideoIcons-box__item bofang01"
											@tap.stop="play()">
												<slot name="extFullControl_bottom_left_item_play">
													<!-- 如果名为extFullControl_bottom_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-Bottom-box__e-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.bofang01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontB"
														:iconClassName="iconsB.bofang_01.className"
														:unicode="iconsB.bofang_01.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>
											<!-- 暂停 -->
											<view v-if="isPlaybtn==true&&Config.buttonConfing.PlayPuseTap.is_Show==true"
											class="extFullControl__ext-Bottom-box__e-b-left-box__public-VideoIcons-box__item zhantin01"
											@tap.stop="pause()">
												<slot name="extFullControl_bottom_left_item_pause">
													<!-- 如果名为extFullControl_bottom_left_item_pause的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-Bottom-box__e-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.zhantin01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontB"
														:iconClassName="iconsB.zanting_01.className"
														:unicode="iconsB.zanting_01.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>

											<slot name="extFullControl_bottom_left_item_right">
												<!-- 右边追加 -->
											</slot>
										</view>
									</slot>
								</view>
								<!-- eventPenetrationEnabled -->
								<view :eventPenetrationEnabled="true"
								class="extFullControl__ext-Bottom-box__e-b-conter-box">
									<slot name="extFullControl_bottom_conter_box">
										<!-- [退出全屏时]控制面板-底部-conter部分-中间  -->
										<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
										<!-- 如果名为extFullControl_bottom_conter_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

										<!-- 进度条盒子 -->
										<view v-if="createAudio==false"
										:class="extFull_VideoSilder_isShow==true ? 'opacity-1':'opacity-0'"
										class="extFullControl__ext-Bottom-box__e-b-conter-box__e-b-c-left-box" id="extFull_left_currtime" ref="extFull_left_currtime">
											<slot name="extFullControl_bottom_conter_item_currtimeText">
												<!-- 如果名为extFullControl_bottom_conter_item_currtimeText的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

												<!-- 当前时长(当前时间) -->
												<text :class="Config.buttonConfing.currentTimeView.is_Show==true ? 'opacity-1':'opacity-0'"
												class="app-text extFullControl__ext-Bottom-box__e-b-conter-box__e-b-c-left-box__text-curritme app-ttf-default"
												>{{timeUpdate[0].currtime}}</text>
											</slot>
										</view>
										<!-- [已过期]isXiaoChuang=true启用小窗的时候需要多减45px -->
										<!-- [已过期]启用小窗为290rpx 否则380rpx -->
										<!-- [已过期]进度时间左右功能 -->
										<!-- [已过期]老版本 :style="[{'width':isXiaoChuang==true?Number(200+90)+'rpx':Number(200+90+90)+'rpx'}]" -->
										<!-- 新版本 :style="[{'width': Number(extFull_VideoSilder_Widht)+'px'}]" -->
										<view v-if="createAudio==false&&extFull_VideoSilder_Widht!=0&&Config.buttonConfing.VideoSliderView.is_Show==true"
										:class="extFull_VideoSilder_isShow==true ? 'opacity-1':'opacity-0'"
										class="extFullControl__ext-Bottom-box__e-b-conter-box__e-b-c-conter-box fat-slider-box"
										:style="[{'width': Number(extFull_VideoSilder_Widht)+'px'}]">
											<slot name="extFullControl_bottom_conter_item_Slider">
												<!-- 如果名为extFullControl_bottom_conter_item_Slider的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

												<!-- 进度条盒子宽度 -->
												<text v-if="false" class="app-text">{{extFull_VideoSilder_Widht}}</text>
												<!-- 进度条居中在盒子里 -->
												<FatFatMeng-Slider
												v-if="islive_player==false"
												:show="show"
												:Width="Number(extFull_VideoSilder_Widht-10)"
												:value="timeUpdate[0].sliderValue"
												:sliderValueBfb="proGress[0].sliderValueBfb"
												:disabled="Config.VideoSlider_disabled"
												:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
												:blockColor="VideoSliderConfing.blockColor||'#fff'"
												:blockBoxWidth="VideoSliderConfing.blockBoxWidth||8"
												:blockBoxHeight="VideoSliderConfing.blockBoxHeight||10"
												:blockBoxBorderRadius="VideoSliderConfing.blockBoxBorderRadius||2"
												:sliderHeight="VideoSliderConfing.sliderHeight||3"
												:huanchongColor="VideoSliderConfing.huanchongColor||'rgba(255,255,255,0.55)'"
												:backgroundColor="VideoSliderConfing.backgroundColor||'rgba(255, 255, 255, 0.35)'"
												:sliderboxViewHeight="VideoSliderConfing.sliderboxViewHeight||30"
												:platform_mobile="platform_mobile"
												@change="changeSlider"
												@changing="changingSlider"
												></FatFatMeng-Slider>
											</slot>
										</view>
										<view v-if="createAudio==false"
										:class="extFull_VideoSilder_isShow==true ? 'opacity-1':'opacity-0'"
										class="extFullControl__ext-Bottom-box__e-b-conter-box__e-b-c-right-box" id="extFull_right_duration" ref="extFull_right_duration">
											<slot name="extFullControl_bottom_conter_item_druationTimeText">
												<!-- 如果名为extFullControl_bottom_conter_item_druationTimeText的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

												<!-- 总时长(总时间) -->
												<text :class="Config.buttonConfing.durationTimeView.is_Show==true ? 'opacity-1':'opacity-0'"
												class="app-text extFullControl__ext-Bottom-box__e-b-conter-box__e-b-c-right-box__text-druationTime app-ttf-default"
												>{{timeUpdate[0].druationTime}}</text>
											</slot>
										</view>
									</slot>
								</view>
								<view class="extFullControl__ext-Bottom-box__e-b-right-box" >
									<slot name="extFullControl_bottom_right_box">
										<!-- [退出全屏时]控制面板-底部-Bottom部分-左边  -->
										<!-- 注意：插槽末尾带box的是整体覆盖，把内盒子内容全部换成你的 -->
										<!-- 如果名为extFullControl_bottom_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
										


										<!-- 公用icon图标盒子box -->
										<view class="extFullControl__ext-Bottom-box__e-b-right-box__public-VideoIcons-box" id="extFull_right_public_VideoIcons_box" ref="extFull_right_public_VideoIcons_box">
											<slot name="extFullControl_bottom_right_item_left">
												<!-- 左边追加 -->
											</slot>
											
											<!-- 小窗播放 -->
											<view v-if="isXiaoChuang==true&&createAudio==false"
											class="extFullControl__ext-Bottom-box__e-b-right-box__public-VideoIcons-box__item xiaochuang01"
											@tap.stop="goXiaoChuangPlayTap()">
												<slot name="extFullControl_bottom_right_item_XiaoChuang">
													<!-- 如果名为extFullControl_bottom_right_item_XiaoChuang的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
													
													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-Bottom-box__e-b-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.xiaochuang01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														:style="[{'margin-left': '1px'}]"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.xiaochuan.className"
														:unicode="iconsA.xiaochuan.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>

												</slot>												
											</view>
											<!-- 进入全屏 -->
											<view v-if="Config.buttonConfing.goFullTap.is_Show==true"
											class="extFullControl__ext-Bottom-box__e-b-right-box__public-VideoIcons-box__item gofull01"
											@tap.stop="goFullScreen">
												<slot name="extFullControl_bottom_right_item_goFullScreen">
													<!-- 如果名为extFullControl_bottom_right_item_goFullScreen的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
													
													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="extFullControl__ext-Bottom-box__e-b-right-box__public-VideoIcons-box__item__Image-icons image-transform" 
														:src="IconsFiqy.gofull01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.shu_fullscreen2.className"
														:unicode="iconsA.shu_fullscreen2.unicode"
														FontSize="54rpx"
														Color="#e2e1e2"
														></FatFatMeng-icon>
													</template>

												</slot>
											</view>

											<slot name="extFullControl_bottom_right_item_right">
												<!-- 右边追加 -->
											</slot>
										</view>
									</slot>
								</view>
							</view>
						</app-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			
			<!--@**（8-2-conter-left）（绝对定位）
				[进入全屏时]控制面板-中间靠左-conter-left部分 
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==true&&isDanMuInput_View==false&&isopenDrawerItem==false&&isSuoPing==false&&Config.goFullControl.is_Show==true"
			class="cover-view goFullControl-conter-left goFullControl">
				<!--（测试绝对定位）[进入全屏时]控制面板 -->
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'height':TouchFullHeight}]">
					<slot name="goFullControl_conter_left_box">
						<!-- 如果名为goFullControl_conter_left_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<uni-transition ref="ani" :mode-class="['fade','slide-left']" :show="show" @change="changeTransition">
							<view class="goFullControl__go-conter-box m-left-30px">
								<!-- 左边锁屏/识图(仿爱奇艺·奇观)已调整布局/ -->
								<!-- 右边截图/录屏/小型贴片广告 -->
								<view v-if="createAudio==false" 
								class="goFullControl__go-conter-box__g-c-left-box">
									<!-- 公用icon图标盒子box -->
									<view class="goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box">
										
										<slot name="goFullControl_conter_left_item_top">
											<!-- 上面追加 -->
										</slot>

										<!-- 锁屏 - 关闭 (ps => 点击则开启) -->
										<view v-if="Config.buttonConfing.SuoPingTap.is_Show==true"
										class="goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item pingsuo01_hied"
										@click.stop="SuoPingTap(false)">
																				<!-- 仿爱奇艺播放器模板 -->
											<template v-if="Template=='fiqy'">
												<image class="goFullControl__go-conter-box__g-c-left-box__public-VideoIcons-box__item__Image-icons image-transform"
												:src="IconsFiqy.pingsuo01_hied.imgurl"
												mode="widthFix"
												></image>
											</template>
											
											<!-- 仿优酷播放器模板 -->
											<template v-if="Template=='fyk'">
												<FatFatMeng-icon
												class="icon-box"
												iconClassType="VideoIconfontA"
												:iconClassName="iconsA.suoping_hied.className"
												:unicode="iconsA.suoping_hied.unicode"
												FontSize="62rpx"
												Color="#fff"
												></FatFatMeng-icon>
											</template>
											
										</view>
										

										<!-- 自定义插槽 (已经开放) -->
										<slot name="goFullControl_conter_left_item_bottom">
											<!-- 下面追加 -->
										</slot>

									</view>
								</view>
							</view>
						</uni-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			<!--@**（8-3-conter-right）（绝对定位）
				[进入全屏时]控制面板-中间靠右-conter-rihgt部分
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==true&&isDanMuInput_View==false&&isopenDrawerItem==false&&isSuoPing==false&&Config.goFullControl.is_Show==true"
			class="cover-view goFullControl-conter-right goFullControl">
				<!--（测试绝对定位）[进入全屏时]控制面板 -->
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'height':TouchFullHeight}]">
					<slot name="goFullControl_conter_right_box">
						<!-- 如果名为goFullControl_conter_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<uni-transition ref="ani" :mode-class="['fade','slide-right']" :show="show" @change="changeTransition">
							<view class="goFullControl__go-conter-box m-right-30px">
							<!-- 左边锁屏/识图(仿爱奇艺·奇观)已调整布局/ -->
							<!-- 右边截图/录屏/小型贴片广告 -->
								<view v-if="createAudio==false"
								class="goFullControl__go-conter-box__g-c-right-box">
									<!-- 公用icon图标盒子box -->
									<view class="goFullControl__go-conter-box__g-c-right-box__public-VideoIcons-box">
										
										<slot name="goFullControl_conter_right_item_top">
											<!-- 上面追加 -->
										</slot>
										
										<!-- 相机/截图 -->
										<view v-if="screenShot==true&&Config.buttonConfing.ScreenShotTap.is_Show==true"
										class="goFullControl__go-conter-box__g-c-right-box__public-VideoIcons-box__item pingsuo01_hied"
										@tap.stop="screenShotTap()">

											<!-- 仿爱奇艺播放器模板 -->
											<template v-if="Template=='fiqy'">
												<image class="goFullControl__go-conter-box__g-c-right-box__public-VideoIcons-box__item__Image-icons image-transform"
												:src="IconsFiqy.DCIM01.imgurl"
												mode="widthFix"
												></image>
											</template>
											
											<!-- 仿优酷播放器模板 -->
											<template v-if="Template=='fyk'">
												<FatFatMeng-icon
												class="icon-box"
												iconClassType="VideoIconfontA"
												:iconClassName="iconsA.jietu.className"
												:unicode="iconsA.jietu.unicode"
												FontSize="62rpx"
												Color="#fff"
												></FatFatMeng-icon>
											</template>								
											
										</view>
										<!-- 录屏 -->
										<view v-if="Config.buttonConfing.LuPinSDKTap.is_Show==true"
										class="goFullControl__go-conter-box__g-c-right-box__public-VideoIcons-box__item lupin01"
										@click.stop="lupinSDKTap()">

											<!-- 仿爱奇艺播放器模板 -->
											<template v-if="Template=='fiqy'">
												<image class="goFullControl__go-conter-box__g-c-right-box__public-VideoIcons-box__item__Image-icons image-transform"
												:src="IconsFiqy.lupin01.imgurl"
												mode="widthFix"
												></image>
											</template>
											
											<!-- 仿优酷播放器模板 -->
											<template v-if="Template=='fyk'">
												<FatFatMeng-icon
												class="icon-box"
												iconClassType="VideoIconfontA"
												:iconClassName="iconsA.luping02.className"
												:unicode="iconsA.luping02.unicode"
												FontSize="62rpx"
												Color="#fff"
												></FatFatMeng-icon>
											</template>									
											
										</view>

										<!-- 自定义插槽 (已经开放) -->
										<slot name="goFullControl_conter_right_item_bottom">
											<!-- 下面追加 -->
										</slot>

									</view>
								</view>
							</view>
						</uni-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			
			<!--@**（8-1-top）（绝对定位）
				[进入全屏时]控制面板-顶部-Top部分 
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==true&&isDanMuInput_View==false&&isopenDrawerItem==false&&isSuoPing==false&&Config.goFullControl.is_Show==true"
			class="cover-view goFullControl-Top goFullControl">
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'width':TouchFullWidth}]">
					<slot name="goFullControl_top_box">
						<!-- 如果名为goFullControl_top_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
						<app-transition ref="ani_FullControl_top" :mode-class="['fade','slide-top']" :show="show" @change="changeTransition">
							<view class="goFullControl__go-Top-box p-0-30px">
								<view class="goFullControl__go-Top-box__g-t-left-box">
									<slot name="goFullControl_top_left_box">
										<!-- 如果名为goFullControl_top_left_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
										
										<!-- 公用icon图标盒子box -->
										<view class="goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box">

											<slot name="goFullControl_top_left_item_left">
												<!-- 左边追加 -->
											</slot>

											<!-- 退出全屏 -->
											<view class="goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item btn_back01"
											@tap.stop="exitFullScreen">
												<slot name="goFullControl_top_left_item_extFullScreen">
													<!-- 如果名为goFullControl_top_left_item_extFullScreen的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="goFullControl__go-Top-box__g-t-left-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.btn_back01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.Back.className"
														:unicode="iconsA.Back.unicode"
														FontSize="62rpx"
														Color="#fff"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>

											<slot name="goFullControl_top_left_item_right">
												<!-- 右边追加 -->
											</slot>
										</view>
									</slot>
								</view>
								<view class="goFullControl__go-Top-box__g-t-conter-box">
									<slot name="goFullControl_top_conter_box">
										<!-- 如果名为goFullControl_top_conter_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
										
										<!-- 视频标题 -->
										<view class="goFullControl__go-Top-box__g-t-conter-box__g-t-c-title-box">
											<slot name="goFullControl_top_conter_item_VideoTitle">
												<!-- 如果名为goFullControl_top_conter_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

												<text class="app-text goFullControl__go-Top-box__g-t-conter-box__g-t-c-title-box__text app-ttf-default"
												>{{VideoTitle}}</text>
											</slot>
										</view>
									</slot>
								</view>
								<view class="goFullControl__go-Top-box__g-t-right-box">
									<slot name="goFullControl_top_right_box">
										<!-- 如果名为goFullControl_top_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
										<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
										
										<!-- 公用icon图标盒子box -->
										<view class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box">

											<slot name="goFullControl_top_right_item_left">
												<!-- 左边追加 -->
											</slot>

											<!-- HDR-关(杜比音影) 关闭时传true，让开启 -->
											<view v-if="createAudio==false&&isHDR_MyVideo==false&&Config.buttonConfing.HDR_MyVideoTap.is_Show==true"
											class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item HDR02_hied"
											@click.stop="getIsHDR_MyVideo(true)">
												<slot name="goFullControl_top_right_item_Dolby_false">
													<!-- 如果名为goFullControl_top_right_item_Dolby_false的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.HDR02_hied.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.tv_HDR.className"
														:unicode="iconsA.tv_HDR.unicode"
														FontSize="62rpx"
														Color="#fff"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>
											<!-- HDR-开(杜比音影) 开启时传false，让关闭 -->
											<view v-if="createAudio==false&&isHDR_MyVideo==true&&Config.buttonConfing.HDR_MyVideoTap.is_Show==true"
											class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item HDR02_show"
											@click.stop="getIsHDR_MyVideo(false)">
												<slot name="goFullControl_top_right_item_Dolby_true">
													<!-- 如果名为goFullControl_top_right_item_Dolby_true的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
													
													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item__Image-icons image-transform"
														:src="IconsFiqy.HDR02_show.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.tv_HDR.className"
														:unicode="iconsA.tv_HDR.unicode"
														FontSize="62rpx"
														Color="#00f8ff"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>
											<!-- 分享 -->
											<view v-if="Config.buttonConfing.ShareTap.is_Show==true"
											class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item fengxiang01"
											@click.stop="openDrawerItem('Share')">
												<slot name="goFullControl_top_right_item_Share">
													<!-- 如果名为goFullControl_top_right_item_Share的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
													
													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<image class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item__Image-icons image-transform" 
														:src="IconsFiqy.fengxiang01.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.share.className"
														:unicode="iconsA.share.unicode"
														FontSize="62rpx"
														Color="#fff"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>
											<!-- 更多 -->
											<view v-if="Config.buttonConfing.goFull_gengduoTap.is_Show==true"
											class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item gengduo01"
											@click.stop="openDrawerItem('gengduo')">
												<slot name="goFullControl_top_right_item_gengduo">
													<!-- 如果名为goFullControl_top_right_item_gengduo的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
													<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

													<!-- 仿爱奇艺播放器模板 -->
													<template v-if="Template=='fiqy'">
														<!-- 更多(···图标按钮) -->
														<image class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item__Image-icons rel-img image-transform" 
														:src="IconsFiqy.gengduo01.imgurl"
														mode="widthFix"
														></image>
														<!-- wifi 图标 -->
														<image class="goFullControl__go-Top-box__g-t-right-box__public-VideoIcons-box__item__Image-icons abs-img wifi image-transform"
														:src="IconsFiqy.full01_wifi.imgurl"
														mode="widthFix"
														></image>
													</template>
													
													<!-- 仿优酷播放器模板 -->
													<template v-if="Template=='fyk'">
														<FatFatMeng-icon
														class="icon-box"
														iconClassType="VideoIconfontA"
														:iconClassName="iconsA.fullscreen_more.className"
														:unicode="iconsA.fullscreen_more.unicode"
														FontSize="62rpx"
														Color="#fff"
														></FatFatMeng-icon>
													</template>
												</slot>
											</view>

											<slot name="goFullControl_top_right_item_right">
												<!-- 右边追加 -->
											</slot>
										</view>
										<view v-if="Config.buttonConfing.BatteryTime.is_Show==true"
										class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box">
											<!-- 电池(电量百分比) -->
											<view :class="Template=='fyk'? 'yk-Batt' : 'iqy-Batt'"
											class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box">

												<!-- 仿爱奇艺播放器模板 -->
												<template v-if="Template=='fiqy'">
													<!-- 电池框 -->
													<image class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image image-transform"
													:src="IconsFiqy.A_dianliang.imgurl"
													mode="widthFix"
													></image>
													<!-- 电池电量百分比 16px="满电"，满电100-->
													<view class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-bfb"
													:style="[{'width':Number(0.16*getSysInfoBattery)+'px'}]"
													></view>
												</template>
												
												<!-- 仿优酷播放器模板 -->
												<template v-if="Template=='fyk'">
													<!-- 电池电量 电量剩余20% -->
													<image v-if="getSysInfoBattery<=20"
													class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image yk-Batt__Batt-image image-transform"
													:src="BatteryIcons.cell20.imgurl"
													mode="widthFix"
													></image>
													<!-- 电池电量 电量剩余40% -->
													<image v-if="getSysInfoBattery>21&&getSysInfoBattery<=40"
													class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image yk-Batt__Batt-image image-transform"
													:src="BatteryIcons.cell40.imgurl"
													mode="widthFix"
													></image>
													<!-- 电池电量 电量剩余60% -->
													<image v-if="getSysInfoBattery>41&&getSysInfoBattery<=60"
													class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image yk-Batt__Batt-image image-transform"
													:src="BatteryIcons.cell60.imgurl"
													mode="widthFix"
													></image>
													<!-- 电池电量 电量剩余80% -->
													<image v-if="getSysInfoBattery>61&&getSysInfoBattery<=90"
													class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image yk-Batt__Batt-image image-transform"
													:src="BatteryIcons.cell80.imgurl"
													mode="widthFix"
													></image>
													<!-- 电池电量 电量剩余100% -->
													<image v-if="getSysInfoBattery>91&&getSysInfoBattery<=100"
													class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__Battery-box__Batt-image yk-Batt__Batt-image image-transform"
													:src="BatteryIcons.cell100.imgurl"
													mode="widthFix"
													></image>
												</template>									

											</view>
											<!-- 系统时间 -->
											<view class="goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__xttime-box">
												<text class="app-text goFullControl__go-Top-box__g-t-right-box__Battery-xttime-box__xttime-box__text app-ttf-m"
												>{{getSysInfoTime}}</text>
											</view>
										</view>
									</slot>
								</view>
							</view>
						</app-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			<!--@**（8-4-bottom）（绝对定位）
				[进入全屏时]控制面板-底部-Bottom部分
			-->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==true&&isDanMuInput_View==false&&isopenDrawerItem==false&&isSuoPing==false&&Config.goFullControl.is_Show==true"
			class="cover-view goFullControl-Bottom goFullControl">
				<!-- 3.3.6版本 已将公共可复用的模板改成到一个容器上了，不在使用两个容器去加v-if控制，减少代码量和优化体积 -->
				<!-- 仿爱奇艺播放器模板 v-if="Template=='fiqy'" 仿优酷播放器模板 v-if="Template=='fyk'"  -->
				<view :class="Template=='fiqy'?'Template-fiqy':Template=='fyk'?'Template-fyk':'Template-no'"
				class="Template"
				:style="[{'width':TouchFullWidth}]">
					<slot name="goFullControl_bottom_box">
						<!-- 如果名为goFullControl_bottom_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
						<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->			
						<app-transition ref="ani_FullControl_bottom" :mode-class="['fade','slide-bottom']" :show="show" @change="changeTransition">
							<view class="goFullControl__go-Bottom-box p-0-30px">
								<!-- 底部-上面部分 -->
								<slot name="goFullControl_bottom_above_box">
									<!-- above = 上面-->
									<!-- 如果名为goFullControl_bottom_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
									<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

									<!-- 进度条、视频时长 -->
									<view :eventPenetrationEnabled="true"
									v-if="createAudio==false"
									class="goFullControl__go-Bottom-box__g-b-Top-box">

										<!-- 视频当前时长(当前时间) -->
										<view class="goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-left-box">
											<text :class="Config.buttonConfing.currentTimeView.is_Show==true ? 'opacity-1':'opacity-0'"
											class="app-text goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-left-box__text-currtime app-ttf-default"
											>{{timeUpdate[0].currtime}}</text>
										</view>

										<!-- 进度条 110px="左右时间宽度，60px=外盒子的内边距,10px="左右时间box盒子的外边距分别5px"-->
										<view :class="Config.buttonConfing.VideoSliderView.is_Show==true ? 'opacity-1':'opacity-0'"
										class="goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-conter-box fat-slider-box"
										:style="[{'width':Number(FullSliderWidth)-Number(110+60+20)+'px'}]">
											<!-- 进度条盒子宽度 -->
											<!-- 进度条居中在盒子里 -->
											<!-- 所以这里的进度宽度应该再减20rpx,不然靠着进度时间很近不好看 -->
											<!-- 进度条需要把rpx转换为px 2rpx=1px -->
											<FatFatMeng-Slider
											v-if="islive_player==false"
											:show="show"
											:Width="Number(FullSliderWidth)-Number(110+60+20)"
											:value="timeUpdate[0].sliderValue"
											:sliderValueBfb="proGress[0].sliderValueBfb"
											:disabled="Config.VideoSlider_disabled"
											:activeBackgroundImage="VideoSliderConfing.activeBackgroundImage||'linear-gradient(to right,#00cefe,#00e208)'"
											:blockColor="VideoSliderConfing.blockColor||'#fff'"
											:blockBoxWidth="VideoSliderConfing.FullblockBoxWidth||10"
											:blockBoxHeight="VideoSliderConfing.FullblockBoxHeight||14"
											:blockBoxBorderRadius="VideoSliderConfing.FullblockBoxBorderRadius||4"
											:sliderHeight="VideoSliderConfing.sliderHeight||3"
											:huanchongColor="VideoSliderConfing.huanchongColor||'rgba(255,255,255,0.55)'"
											:backgroundColor="VideoSliderConfing.backgroundColor||'rgba(255, 255, 255, 0.35)'"
											:sliderboxViewHeight="VideoSliderConfing.sliderboxViewHeight||30"
											:platform_mobile="platform_mobile"
											@change="changeSlider"
											@changing="changingSlider"
											></FatFatMeng-Slider>
										</view>
										
										<!-- 视频总时长(总时间) -->
										<view class="goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-right-box">
											<text :class="Config.buttonConfing.durationTimeView.is_Show==true ? 'opacity-1':'opacity-0'"
											class="app-text goFullControl__go-Bottom-box__g-b-Top-box__g-b-t-right-box__text-druationTime app-ttf-default"
											>{{timeUpdate[0].druationTime}}</text>
										</view>

									</view>
								</slot>
								
								<!-- 底部-下面部分 -->
								<slot name="goFullControl_bottom_below_box">
									<!-- below = 下面-->
									<!-- 如果名为goFullControl_bottom_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
									<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
									<!-- 播放暂停、下一集等 -->
									<view class="goFullControl__go-Bottom-box__g-b-Bottom-box">
										<view class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box">
											<slot name="goFullControl_bottom_below_left_box">
												<!-- 如果名为goFullControl_bottom_below_left_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
												
												<!-- 公用icon图标盒子box -->
												<view v-if="createAudio==false"
												class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box align-items-left">
													
													<slot name="goFullControl_bottom_below_left_item_left">
														<!-- 左边追加 -->
													</slot>

													<!-- 播放 -->
													<view v-if="isPlaybtn==false&&Config.buttonConfing.PlayPuseTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item bofang01"
													@tap.stop="play()">
														<slot name="goFullControl_bottom_below_left_item_play">
															<!-- 如果名为goFullControl_bottom_below_left_item_play的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
																:src="IconsFiqy.bofang01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontB"
																:iconClassName="iconsB.bofang_01.className"
																:unicode="iconsB.bofang_01.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 暂停 -->
													<view v-if="isPlaybtn==true&&Config.buttonConfing.PlayPuseTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item zhantin01"
													@tap.stop="pause()">
														<slot name="goFullControl_bottom_below_left_item_pause">
															<!-- 如果名为goFullControl_bottom_below_left_item_pause的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
																:src="IconsFiqy.zhantin01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontB"
																:iconClassName="iconsB.zanting_01.className"
																:unicode="iconsB.zanting_01.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 下一集(可用) -->
													<view v-if="isNextPlay==true&&Config.buttonConfing.NextPlay.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item next01"
													@tap.stop="nextPlay()">
														<slot name="goFullControl_bottom_below_left_item_nextPlay">
															<!-- 如果名为goFullControl_bottom_below_left_item_nextPlay的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
																:src="IconsFiqy.next01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.next_play02.className"
																:unicode="iconsA.next_play02.unicode"
																FontSize="62rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 下一集(禁用) -->
													<view v-if="isNextPlay==false&&Config.buttonConfing.NextPlay.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item next01_jinyong"
													@tap.stop="NonextPlay()">
														<slot name="goFullControl_bottom_below_left_item_NonextPlay">
															<!-- 如果名为goFullControl_bottom_below_left_item_NonextPlay的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform" 
																:src="IconsFiqy.next01_jinyong.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<!-- 优酷皮肤，这里把颜色改浅一点 -->
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontA"
																:iconClassName="iconsA.next_play02.className"
																:unicode="iconsA.next_play02.unicode"
																FontSize="62rpx"
																Color="#aaa"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 弹幕(开启) （ps => 开启时显示关闭弹幕）-->
													<view v-if="isDanMu_FatbarrageView==true&&Config.buttonConfing.DanMuTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item duanmu01_show_01"
													@tap.stop="isFatbarrageView(false)">
														<slot name="goFullControl_bottom_below_left_item_danmu_true">
															<!-- 如果名为goFullControl_bottom_below_left_item_danmu_true的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
																:src="IconsFiqy.duanmu01_show_01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontStyle"
																:iconClassName="iconsStyle.danmu_show_fyk_01.className"
																:unicode="iconsStyle.danmu_show_fyk_01.unicode"
																FontSize="40rpx"
																Color="#00d0d3"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 弹幕(关闭) （ps => 关闭时显示开启弹幕）-->
													<view v-if="isDanMu_FatbarrageView==false&&Config.buttonConfing.DanMuTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item duanmu01_hied_01"
													@tap.stop="isFatbarrageView(true)">
														<slot name="goFullControl_bottom_below_left_item_danmu_false">
															<!-- 如果名为goFullControl_bottom_below_left_item_danmu_false的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform"
																:src="IconsFiqy.duanmu01_hied_01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontStyle"
																:iconClassName="iconsStyle.danmu_hied_fyk_01.className"
																:unicode="iconsStyle.danmu_hied_fyk_01.unicode"
																FontSize="40rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>
													<!-- 弹幕(设置) -->
													<view v-if="Config.buttonConfing.DanMuSttingTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item duanmu01_setting_01"
													@tap.stop="openDrawerItem('DanmuStting')">
														<slot name="goFullControl_bottom_below_left_item_danmu_stting">
															<!-- 如果名为goFullControl_bottom_below_left_item_danmu_stting的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<!-- 仿爱奇艺播放器模板 -->
															<template v-if="Template=='fiqy'">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__public-VideoIcons-box__item__Image-icons image-transform" 
																:src="IconsFiqy.duanmu01_setting_01.imgurl"
																mode="widthFix"
																></image>
															</template>
															
															<!-- 仿优酷播放器模板 -->
															<template v-if="Template=='fyk'">
																<FatFatMeng-icon
																class="icon-box"
																iconClassType="VideoIconfontStyle"
																:iconClassName="iconsStyle.danmu_setting_fyk_01.className"
																:unicode="iconsStyle.danmu_setting_fyk_01.unicode"
																FontSize="40rpx"
																Color="#fff"
																></FatFatMeng-icon>
															</template>
														</slot>
													</view>

													<slot name="goFullControl_bottom_below_left_item_right">
														<!-- 右边追加 -->
													</slot>
												</view>
												<view v-if="isDanMu_FatbarrageView==true&&createAudio==false&&Config.buttonConfing.OpenDanMuInputTap.is_Show==true"
												class="openDanMuInput_View"
												@click.stop="openDanMuInput_View()">
													<slot name="goFullControl_bottom_below_left_item_openDanMuInput_View">
														<!-- 如果名为goFullControl_bottom_below_left_item_openDanMuInput_View的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
														<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
														
														<view class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__danmu-input-box">
															<text class="app-text goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-left-box__danmu-input-box__text app-ttf-default"
															>来个弹幕呗~</text>
														</view>
													</slot>
												</view>
											</slot>
										</view>
										<view class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box">
											<slot name="goFullControl_bottom_below_right_box">
												<!-- 如果名为goFullControl_bottom_below_right_box的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
												<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

												<view v-if="createAudio==false"
												class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box">
													
													<slot name="goFullControl_bottom_below_right_item_left">
														<!-- 左边追加 -->
													</slot>

													<!-- 倍数 -->
													<view v-if="Config.buttonConfing.BeSuTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item align-items-right"
													@tap.stop="openDrawerItem('besu')">
														<slot name="goFullControl_bottom_below_right_item_besu">
															<!-- 如果名为goFullControl_bottom_below_right_item_besu的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->

															<text class="app-text goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item__text app-ttf-default"
															>{{besuText||'倍速'}}</text>
														</slot>
													</view>
													<!-- 画质/清晰度 -->
													<view v-if="VideoSrcList[VideoSrcIndex]&&VideoSrcList[VideoSrcIndex].UrlHDRlist&&Config.buttonConfing.HDRListTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item align-items-right"
													@tap.stop="openDrawerItem('HDR')">
														<slot name="goFullControl_bottom_below_right_item_HDR">
															<!-- 如果名为goFullControl_bottom_below_right_item_HDR的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<text class="app-text goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item__text app-ttf-default"
															>{{VideoSrcList[VideoSrcIndex].UrlHDRlist[HDRIndex].HDRtitle||'画质'}}</text>
														</slot>
													</view>
													<!-- 选集 -->
													<view v-if="Config.buttonConfing.XuanJiTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item align-items-right"
													@tap.stop="openDrawerItem('xuanji')">
														<slot name="goFullControl_bottom_below_right_item_xuanji">
															<!-- 如果名为goFullControl_bottom_below_right_item_xuanji的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<text class="app-text goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item__text app-ttf-default"
															>选集</text>
														</slot>
													</view>
													<!-- 购物车 -->
													<view v-if="Config.buttonConfing.ShopgoodsTap.is_Show==true"
													class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item"
													@tap.stop="openDrawerItem('goods')">
														<slot name="goFullControl_bottom_below_right_item_goods">
															<!-- 如果名为goFullControl_bottom_below_right_item_goods的具名插件不传递任何模板进来，则使用内置的。否则使用自定义的 -->
															<!-- 如果使用了自定义的插槽内容进来，则使用开发者自定义的 -->
															
															<view class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item__b-image-box">
																<image class="goFullControl__go-Bottom-box__g-b-Bottom-box__g-b-b-right-box__btn-box__btn-item__b-image-box__Image-icon image-transform"
																mode="widthFix"
																:src="ButtonIcons.Images.goods_gwc01.url"
																></image>
															</view>
														</slot>
													</view>

													<slot name="goFullControl_bottom_below_right_item_right">
														<!-- 右边追加 -->
													</slot>
												</view>
											</slot>
										</view>
									</view>
								</slot>
							</view>
						</app-transition>
					</slot>
				</view>
				
			</app-cover-view>
			
			
			
			
			
			
			
			
			<!-- 可 居中布局 盒子
				（17）发送弹幕View盒子，此盒子是单独的  
				（ps）弹幕编辑盒子（写弹幕发送弹幕）
			-->
			<app-cover-view v-if="isFullScreenChange==true&&isDanMuInput_View==true&&isopenDrawerItem==false&&createAudio==false" 
			class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isFullScreenChange==true&&isDanMuInput_View==true&&isopenDrawerItem==false&&createAudio==false?TouchFullHeight:'0px'}]">
				<cover-slot v-if="isFullScreenChange==true&&isDanMuInput_View==true"
				class="danmuInputView" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<uni-transition ref="ani_danmuInputView" :mode-class="['fade','slide-bottom']" :show="show">
					<!-- 老版本 {'height':keyboardheight==0 ? FullscreenHeight-(45+185)+'px': keyboardheight>=1 ? FullscreenHeight-(keyboardheight+45)+'px' : FullscreenHeight-(45+185)+'px'} -->
					<!-- 新版本 185-35-70-70=10 {'height':keyboardheight==0 ? FullscreenHeight-(45+10+danmu_i_v_top_Height)+'px': keyboardheight>=1 ? FullscreenHeight-(keyboardheight+45)+'px' : FullscreenHeight-(45+10+danmu_i_v_top_Height)+'px'} -->
					<view class="danmuInputView__danmu-i-v-top" :style="[
						{'height':keyboardheight==0 ? FullscreenHeight-(45+10+danmu_i_v_top_Height)+'px': keyboardheight>=1 ? FullscreenHeight-(keyboardheight+45)+'px' : FullscreenHeight-(45+10+danmu_i_v_top_Height)+'px'}
					]"
					@click.stop="closeDanMuInput_View()">
						<!-- 轻触关闭 -->
					</view>
					<view class="danmuInputView__danmu-i-v-bottom" :style="[{'width':TouchFullWidth}]">
						<!-- 弹幕编辑区 d-b-top=45px -->
						<view class="danmuInputView__danmu-i-v-bottom__d-b-top">
							<view class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-left" :style="[{'width':DanmuColor_Width+DanmuEmoji_Width+DanmuDaoJu_Widht+'px'}]">
								<!-- 公用icon图标盒子box -->
								<view class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-left__public-VideoIcons-box">
									<!-- 弹幕（字体颜色）tabscurrent==1? -->
									<view v-if="Config.buttonConfing.SetDanmuColorTap.is_Show==true"
									class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-left__public-VideoIcons-box__item
									danmu-tabs-current danmu_sizeColor_04"
									@tap.stop="SetDanmuTabs('color')">
										<FatFatMeng-icon
										class="icon-box"
										iconClassType="VideoIconfontStyle"
										:iconClassName="iconsStyle.danmu_sizeColor_04.className"
										:unicode="iconsStyle.danmu_sizeColor_04.unicode"
										FontSize="52rpx"
										Color="#00edf7"
										></FatFatMeng-icon>
									</view>
									<!-- 弹幕（表情） -->
									<view v-if="Config.buttonConfing.SetDanmuEmojiTap.is_Show==true"
									class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-left__public-VideoIcons-box__item 
									expression_xiaolian_show_01"
									@tap.stop="SetDanmuTabs('emoji')">
										<FatFatMeng-icon
										class="icon-box"
										iconClassType="VideoIconfontStyle"
										:iconClassName="iconsStyle.expression_xiaolian_show_01.className"
										:unicode="iconsStyle.expression_xiaolian_show_01.unicode"
										FontSize="52rpx"
										Color="#e2e1e2"
										></FatFatMeng-icon>
									</view>
									<!-- 弹幕（道具城（魔法棒）） -->
									<view v-if="Config.buttonConfing.SetDanmuDaoJuTap.is_Show==true"
									class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-left__public-VideoIcons-box__item 
									danmu_size_bgImage_01"
									@tap.stop="SetDanmuTabs('daoju')">
										<FatFatMeng-icon
										class="icon-box"
										iconClassType="VideoIconfontStyle"
										:iconClassName="iconsStyle.danmu_size_bgImage_01.className"
										:unicode="iconsStyle.danmu_size_bgImage_01.unicode"
										FontSize="52rpx"
										Color="#e2e1e2"
										></FatFatMeng-icon>
									</view>
									<!-- 自定义插槽 (下个版本开放) -->
								</view>
							</view>
							<!-- 内边距左右30px 左边150px 右边100px 保护区50px maxlength=30字 -->
							<!-- 左边150px是弹幕字体颜色按钮+弹幕表情按钮+弹幕特效按钮的宽度，每个是50 -->
							<!-- 老版本{'width':FullscreenWidth-(150+100+30+30+50)+'px'} -->
							<!-- 新版本{'width':FullscreenWidth-(DanmuColor_Width+DanmuEmoji_Width+DanmuDaoJu_Widht+100+30+30+50)+'px'} -->
							<view class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-conter" 
							:style="[
								{'width':FullscreenWidth-(DanmuColor_Width+DanmuEmoji_Width+DanmuDaoJu_Widht+100+30+30+50)+'px'},
								{'background-image':placeholder_style.background_image},
							]">
								<input :style="[
									{'width':FullscreenWidth-(DanmuColor_Width+DanmuEmoji_Width+DanmuDaoJu_Widht+100+30+30+50+20)+'px'},
									{'color':placeholder_style.color},
									{'font-size':placeholder_style.fontSize}
								]"
								class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-conter__danmu-input" :placeholder-style="{'color': placeholder_style.color}"
								placeholder-class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-conter__input-placeholder-class"
								:auto-blur="true" :adjust-position="true"
								:maxlength="35" type="text" confirm-type="send"
								:focus="focus"
								:value="sendDanmuObj.text"
								@input="danmuInput_input"
								@focus="danmuInput_focus"
								@blur="danmuInput_blur"
								@confirm="danmuInput_confirm"
								@keyboardheightchange="danmuInput_keyboardheightchange"
								:placeholder="placeholder" />
								<!-- 用户输入的字数提示（后面版本在做） -->
								<text v-if="false" class="app-text danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-conter__text app-ttf-default"
								>{{Textlength}}</text>
							</view>
							<view class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-right">
								<view class="danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-right__danmu-fason-btn"
								:style="[{'background':Textlength>=1 ? '#00edf7':'#666666'}]"
								@click.stop="danmuAdd_user()">
									<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-top__d-b-t-right__danmu-fason-btn__text app-ttf-default"
									>发送</text>
								</view>
							</view>
						</view>
						<view class="keyboardheight" v-if="keyboardheight>=1"
						:class="keyboardheight>=1?'opacity-1':'opacity-0'"
						:style="[{'height': keyboardheight+'px'}]">
							<!-- 键盘弹起时显示，站位高度  -->
						</view>
						<!-- 热词+弹幕颜色（键盘收起时显示） -->
						<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom" v-if="keyboardheight==0"
						:class="keyboardheight==0?'opacity-1':'opacity-0'">
							<!-- top 热词 高35px -->
							<view v-if="danmuHotWords_list.length>=1&&Config.buttonConfing.DanMuHotWordsView.is_Show==true"
							class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words">
								<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-left">
									<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-left__text app-ttf-default"
									>热词</text>
								</view>
								<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right">
									<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right__r-row">
										<!-- 内边距左右30 左边50 -->
										<scroll-view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right__r-row__scroll-view"
										:show-scrollbar="false"
										:scroll-X="true" :style="[{'width':FullscreenWidth+'px'}]">
											<view v-for="(item,index) in danmuHotWords_list" :key="index"
											@click.stop="getDanmuText_HotWords(item)"
											class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right__r-row__scroll-view__item-text">
												<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right__r-row__scroll-view__item-text__text app-ttf-default"
												>{{item.text}}</text>
											</view>
											<!-- 暂无更多 -->
											<!-- 右边站位 -->
											<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Top-Hot-words__h-right__r-row__scroll-view__item-right-zanwei"></view>
										</scroll-view>
									</view>
								</view>
							</view>
							<!-- bottom 弹幕字体颜色选择 -->
							<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color">
								<!-- 弹幕设置row（背景透明度-左边，字体透明度-右边） -->
								<view v-if="false" class="b-item-setting-row">
									<view class="b-item left-bg-tmd">
										<!-- 后期新增，不然后面没什么更新 -->
									</view>
									<view class="b-item right-FontSize-tmd">
										<!-- 后期新增，不然后面没什么更新 -->
									</view>
								</view>
								<!-- 会员弹幕颜色区 高60px外下边距10px 也就是70px -->
								<view v-if="Config.buttonConfing.SetVipDanmuTextColorView.is_Show==true"
								class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color">
									<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__title">
										<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__title__text app-fft-default"
										>会员弹幕尊享色</text>
									</view>
									<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color">
										<!-- 内边距30 + 内边距30 +  -->
										<scroll-view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view" 
										:show-scrollbar="false" :scroll-X="true" 
										:style="[{'width':FullscreenWidth+'px'}]">
											<view v-for="(item,index) in DanmuConfig.VipDanmuColor_list" :key="index"
											class="vip-item danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item" 
											:class="bgColor_current==index?'current':'no'"
											@click.stop="SetVipDanmuTextColor(item,index)"
											:style="[
												{'background-image':item.background_imageColor},
												{'border':item.border}
											]">
												<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item__text app-ttf-default"
												:style="[{'color':item.color}]"
												>{{item.tltle}}</text>
											</view>
											<!-- 右边站位 -->
											<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item-right-zanwei"></view>
										</scroll-view>
									</view>
								</view>
								<!-- 普通用户弹幕颜色区 高60px外下边距10px 也就是70px -->
								<view v-if="Config.buttonConfing.SetDanmuTextColorView.is_Show==true"
								class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color">
									<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__title">
										<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__title__text app-fft-default"
										>弹幕颜色</text>
									</view>
									<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color">
										<scroll-view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view" 
										:show-scrollbar="false" :scroll-X="true" 
										:style="[{'width':FullscreenWidth+'px'}]">
											<view class="fvip-item danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item" 
											:class="Color_current==0?'current':'no'"
											:style="[{'border': Color_current==0? '2px solid #00edf7' : '1px solid #838383'}]"
											@click.stop="SetDanmuTextColor('suiji',0)">
												<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item__text app-ttf-default"
												:style="[{'color':'#838383'}]"
												>随机颜色</text>
											</view>
											<view v-for="(item,index) in DanmuConfig.DanmuColor_list" :key="index"
											class="fvip-item danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item" :class="Color_current==(index+1) ? 'current' : 'no'"
											:style="[{'border': Color_current==(index+1) ? '2px solid #00edf7' : item.border}]"
											@click="SetDanmuTextColor(item,index+1)">
												<text class="app-text danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item__text app-ttf-default"
												:style="[{'color':item.color}]"
												>{{item.tltle}}</text>
											</view>
											<!-- 右边站位 -->
											<view class="danmuInputView__danmu-i-v-bottom__d-b-bottom__b-Bottom-danmuText-Color__b-item-color__Text-color__scroll-view__item-right-zanwei"></view>
										</scroll-view>
									</view>
								</view>
								<!-- 站位高度 -->
								<view v-if="false" class="h40px"></view>
								<!--  -->
							</view>
						</view>
					</view>
			
					</uni-transition>
			
				</cover-slot>
			
			</app-cover-view>
			
			
			<!-- 可 居中布局 盒子
				（19）adVideo广告视频View盒子，此盒子是单独的  
				（ps）广告视频的UI控制面板
			-->
			<app-cover-view v-if="ref_type=='ad'"
			class="cover-view advideo-control" :style="[{'width':TouchFullWidth},{'height': ref_type=='ad' ? TouchFullHeight : '0px'}]">
				<cover-slot class="advideo-box" :style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<advideo-control
					:isPlay="isPlay"
					:ZeroCount="ZeroCount"
					:Width="TouchFullWidth"
					:Height="TouchFullHeight"
					:isUserVIP="isUserVIP"
					:isFull="isFullScreenChange"
					:adMuted="video_muted"
					@changeFull="adChangeFull"
					@changeMuted="adChangeMuted"
					@changeBofang="adChangeBofang"
					@change="adChange"
					></advideo-control>
				</cover-slot>
			</app-cover-view>
			
			
			
			<!-- 可 居中布局 盒子
				（20） 手动控制播放界面(当组件属性上绑定的 :autoplay="false" 时并且播放器进入等待播放状态时，则显示此界面) 
			-->
			<app-cover-view class="myVideo-slot-box" :style="[{'width':TouchFullWidth},{'height':isManualplay==true&&autoplay==false?TouchFullHeight:'0px'},{'z-index':1000}]"
			:class="isManualplay==true&&autoplay==false?'opacity-1':'opacity-0'">
				<!--（1） 播放器初始化时背景图(开始播放前) v-if="isVideoShowonReady_bg" -->
				<cover-slot v-if="isManualplay==true"  class="onManual-play-box"
				:style="[{'width':TouchFullWidth},{'height':TouchFullHeight}]">
					<view class="onManual-play-box__Top">
						<!-- 如：当前为移动网络，继续播放将消耗手机流量 -->
						<text class="app-text onManual-play-box__Top__text app-ttf-default"
						>{{isManualplay_text}}</text>
					</view>
					<view class="onManual-play-box__Bottom">
						<view class="onManual-play-box__Bottom__item onPlay" @click="play({Reset_backRate:true})">
							<text class="app-text onManual-play-box__Bottom__item__text app-ttf-default"
							>继续播放</text>
						</view>
						<!-- 退出播放直接调用组件回调返回上一页事件 @click.stop="$emit('changeBack')" -->
						<view class="onManual-play-box__Bottom__item onBack" @click.stop="BackTap()">
							<text class="app-text onManual-play-box__Bottom__item__text app-ttf-default"
							>退出播放</text>
						</view>
					</view>
				</cover-slot>
			</app-cover-view>
			
			

			<!-- （DIY）开发者自定义的高级布局（具名插槽） -->
			<template>
				<!-- 自由容器 （宽高都是开发者在自己页面上设置的，不用在插件内设置）-->
				<app-cover-view v-if="ref_type=='my'"class="myVideo-slot-box slots">
					<cover-slot class="DIY-Free-container slots">
						<slot name="slots"></slot>
					</cover-slot>
				</app-cover-view>
			</template>



			<!--（11）[退出全屏时][top左边]返回图标 是单独写在外面 -->
			<app-cover-view v-if="ref_type=='my'&&isFullScreenChange==false&&Config.buttonConfing.BackTap.is_Show==true"
			class="cover-view Back-btn-top">
				<view class="Back-btn-box"
				@click.stop="BackTap()">
					<image class="Back-btn-box__Image-Back image-transform"
					style="width: 76rpx;"
					:src="IconsFiqy.btn_back01.imgurl" 
					mode="widthFix"
					></image>
				</view>
			</app-cover-view>
			
			
			
			
			
			
			<!-- 页面中，参数==false，可以简写成!参数 -->
			<!-- 但为了代码的可读性，故写成参数==fase -->
			
		</video>
	</view>
</template>

<script>
	
	// 导入播放器的配置
	import {
		VideoPlayerConfig,// 播放器配置项等
		VideoSliderConfingfiqy,// 仿爱奇艺视频进度条样式
		VideoSliderConfingfyk,// 仿优酷视频进度条
	} from '../../assets/VideoPlayer-config.js'
	
	import props from './props.js'
	import mixin from './libs/mixin/mixin.js'
	import components from './components.js'
	


	
	/**
	 * FatFatMeng-VideoPlayer 熊猫视频播放器
	 * @description 熊猫播放器，简称 `xmplayer`，是一个集成了大量商用项目常见功能的播放器插件，大量功能靠齐爱奇艺播放器。
	 * @tutorial https://ext.dcloud.net.cn/plugin?id=6715
	 * @property {Boolean} isUserVIP = [false|true] 是否是VIP用户，用于广告控制
	 * @property {Boolean} isUserLove = [false|true] 用户收藏（ps：用户是否收藏了此视频）
	 * @property {Number} VideoSrcIndex  当前播放的视频索引
	 * @property {Array} VideoSrcList  视频数据列表
	 * @property {Number} initialtime  指定视频初始播放位置，单位为秒（s）（已去除，已迁移至video.js）
	 * @property {Number} duration 	指定视频时长，单位为秒（s）（已去除，已迁移至video.js）
	 * @property {Array} danmulist   弹幕列表
	 * @property {Boolean} isDanMu = [true|false] 是否开启弹幕，默认true
	 * @property {Boolean} controlsFull = [true|false] （暂未开放）是否显示全屏下的控制面板
	 * @property {Boolean} controlsOnFull = [true|false] （暂未开放）是否显示非全屏下的控制面板
	 * @property {Boolean} autoplay = [false|true] 是否自动播放（已改为不自动播放，如需自动播放，请设置 :autoplay="true"）
	 * @property {Boolean} loop = [false|true] 是否循环播放
	 * @property {Boolean} muted = [false|true] 是否静音播放
	 * @property {String} object_fit = [contain|fill|cover] 当视频大小与 video 容器大小不一致时，视频的表现形式。contain：自适应，fill：拉伸，cover：满屏
	 * 	@value contain 自适应
	 * 	@value fill 拉伸
	 * 	@value cover 满屏
	 * @property {Number} VideoWidth  播放器宽度(默认750) >> 默认rpx（为Number类型时不用设置单位，内置自动给rpx单位。为String类型时，需要自行设置单位）
	 * @property {Number} VideoHeigth  播放器高度(默认480) >> 默认rpx（为Number类型时不用设置单位，内置自动给rpx单位。为String类型时，需要自行设置单位）
	 * @property {String} VideoShowLoadingSrc 	【已迁移至VideoConfing播放器配置项属性里】播放器(加载中)loading控件图片
	 * @property {String} VideoShowErrorSrc 	【已迁移至VideoConfing播放器配置项属性里】播放器(播放出错时)error控件图片
	 * @property {String} VideoShowonReady_bg 	【已迁移至VideoConfing播放器配置项属性里】播放器初始化时的背景，视频开始播放前与视频播放出错时的背景
	 * @property {String} VideoShowonReady_Logo  【已迁移至VideoConfing播放器配置项属性里】 播放器初始化时的logo,视频开始播放前logo（参考爱奇艺 优酷 腾讯，当视频还没播放的时候，展示的logo）
	 * @property {String} VideothemebgColor 	播放器主题色
	 * @property {String} VideoErrortext 	【已迁移至VideoConfing播放器配置项属性里】视频播放出错时的提示内容
	 * @property {String} VideoLoadingtext 	【已迁移至VideoConfing播放器配置项属性里】视频出现缓冲时(加载中)的提示内容
	 * @property {Object} VideoSliderConfing  进度条配置（ps：参考插件地址的文档说明）
	 * @property {Boolean} isXiaoChuang   是否启用小窗功能 （ps：参考插件地址的文档说明）
	 * @property {String} PicShiTuSrc  屏幕截图地址(用于识图百科)
	 * @property {String} aiShiTuApiUrl  Ai识图api接口地址（ps：播放器内置有，也可以单独购买此接口放到你服务器上，联系QQ：2449253114）
	 * @property {Number} NextTextBubbleTime  倒数第n分钟后显示下一集文字气泡提示，单位秒，默认180秒（用于显示如“接下来 一生一世 第2集”）（ps：这个倒数时间一定要大于跳过片尾的时间，并且至少大于15秒，否则看不到下一集文字气泡提示）
	 * @property {Number} SkipToTime  跳过片头的时间（单位s秒）（ps：默认0秒）  
	 * @property {Number} SkipWeiTime  跳过片尾的时间（单位s秒）（ps：默认0秒）
	 * @property {String} AudioSrc  音频播放链接（ps：如果音频链接未设置，则使用视频链接作为音频链接播放）
	 * @property {Boolean} httpcache = [true|false] 是否开启视频源本地缓存	（是否对 http、https 视频源开启本地缓存。缓存策略:开启了此开关的视频源，在视频播放时会在本地保存缓存文件，如果本地缓存池已超过100M，在进行缓存前会清空之前的缓存（不适用于m3u8等流媒体协议））
	 * @property {Array} danmuInput_placeholderList  弹幕输入框内容为空时占位文本内容，内置的有默认内容，你也可以自定义	
	 * @property {Array} danmuHotWords_list  弹幕热词列表
	 * @property {Object} header  HTTP 请求 Header
	 * @property {Boolean} islive_player = [false|true]   是否是直播拉流？true直播  false点播  默认false
	 * @property {Object} VideoConfing   播放器配置项 => 播放器UI控件及其他view区域配置（点击地址查看）
	 * @event {Function} changeShare 播放器分享item项被点击时触发的回调事件，e={index: 索引，name：名称}
	 * @event {Function} changeMyVideo 视频播放器回调事件
	 * @event {Function} changeAdVideo 视频广告播放器回调事件
	 * @event {Function} changeBack 返回图标被点击回调事件
	 * @event {Function} changeTouch 触摸手势回调事件
	 * @event {Function} changeVideoInfo 播放器详细信息回调事件
	 * 在线帮助文档：https://www.yuque.com/lahuayouyiliushuiwuqing/csqxe2
	 */
	
	// 节流
	import throttle from './libs/function/throttle.js'

	/* 3.5.1 新增代码 2022-0325 */
	let timeout;// 定时器id，用于清理后台多定时器事件
	export default {
		name:"VideoPlayer",
		mixins:[props,mixin,components],
		data() {
			return {
				// 获取播放器的配置（如果组件上设置了，则使用自定义的，否则使用内置的）
				Config:VideoPlayerConfig,

				/* 如果你页面上引入播放器组件没有配置进度条相关属性，
				 * 则根据播放器主题来设置对应的内置进度条样式
				 */
				// 文艺清新主题 - 播放器进度条配置 （仿爱奇艺）
				VideoSliderConfing_fiqy:VideoSliderConfingfiqy,
				// 极致简约主题 - 播放器进度条配置 （仿优酷） 
				VideoSliderConfing_fyk:VideoSliderConfingfyk,

				
				// 是否创建播放器
				isVideoPlayer:true,

				// 2021-1220新增 (已移步至video.js，变量名video_autoplay)
				//Myautoplay:false,//myvideo是否自动播放？当组件上autoplay设置true时，在无前贴广告或前贴广告播放完毕时赋值。
				
				src:'',//视频链接
				VideoTitle:'',//视频标题
				VideoUrlHDRlist:[],//后期考虑排序后启用这个>>视频画质列表-倒序排序
				
				// 是否跳过片头
				isSkipTo: true,
				// 是否跳过片尾
				isSkipWei: true,
				
				// 播放器背景(开始播放前或视频出错)
				isVideoShowonReady_bg:true,
				// 视频出现缓冲时
				isVideoShowLoadingCount:{
					// 播放器(加载中)loading控件是否显示
					isVideoShowLoading:true,
					// 视频出现缓冲时(加载中)的提示内容
					//loadingtext:'加载中',
					
					// 获取用户自定义的loading提示内容（已迁移至VideoConfig.js）
					//loadingtext:this.VideoLoadingtext,
				},
				// 视频播放出错时
				isVideoShowErrorCount:{
					isVideoShowError:false,//播放器404页出错时显示
					// 视频播放出错时的提示内容
					//errortext:'世界上最遥远的距离就是断网',
					
					// 获取用户自定义的404提示内容
					errortext:this.VideoErrortext,
					refreshVideo_btn:true,//是否显示刷新按钮
				},
				/* 视频播放出错 时，记录为true
				 * 用于修复 视频播放出错 此时视频是暂停暂停，但是显示了广告
				 */ 
				isError: false,
				isWaiting: false,// 播放器是否触发了视频缓冲事件
				onReady_Init_PlayState: true,// 是否初始化播放状态（true=已开启精彩即将开始，false=已关闭精彩即将开始）
				VideoShowonReady_text: '精彩即将开始',//视频初始化时（视频开始播放前的提示）
				
				// 倍速索引
				besuIndex:3,//倒序>3就是1.0倍速
				// 倍速text
				besuText:'',//默认是空的，切换时候再写入
				// 是否暂无下一集,true有下一集，false无下一集
				isNextPlay:true,//为true时显示暂无下一集的按钮,
				
				// 弹幕设置tabs选项卡包含的3个按钮（如 弹幕字体颜色，弹幕表情，弹幕特效）
				// 宽度50是css样式里的，这里用来计算，如果播放器配置js里，关闭了弹幕编辑区View区域部分这些按钮，就计算宽度，关闭设置0，开始设置50
				DanmuColor_Width:50,// 弹幕颜色tabs按钮
				DanmuEmoji_Width:50,// 弹幕表情tabs按钮
				DanmuDaoJu_Widht:50,// 弹幕特效tabs按钮（也就弹幕道具，魔法棒等）
				
				DanMuHotWordsView_Height:35,// 弹幕热词view区
				SetVipDanmuTextColorView_Height:70,// 会员弹幕尊享色view区
				SetDanmuTextColorView_Height:70,//  弹幕颜色view区
				danmu_i_v_top_Height: 175,//默认总宽度175 弹幕编辑View上面的空白处高度是上面3个属性来计算的（danmu_i_v_top是css类名）
			};
		},
		watch:{
			// 当视频索引更新时
			VideoSrcIndex: {
				handler:async function(newIndex,oldIndex){
					
					//console.log("正在播放第 "+(newIndex+1)+" 个视频")
					if (this.VideoSrcList.length>=1){
						// 公用初始化播放（用于 当视频数据列表更新时、当视频索引更新时 执行）
						this.VideoPlayerInit()
					}
				},
				immediate: true,
			},
			// 当视频数据列表更新时
			VideoSrcList: {
				handler:async function(newData,oldData) {
					console.log("视频数据列表")
					console.log(newData)
					/* ========================
					 * =  这里视频数据列表更新时，
					 * =  判断播放状态是否为false,
					 * =  是false，才能做init播放视频任务
					 * =  否则true时，不能做播放任务，
					 * =  因为可能用户在看视频，后台在
					 * =  更新视频数据。
					 * =  其次，这里为什么要在false时，
					 * =  执行一次init播放视频任务？
					 * =  因为VideoSrcIndex视频索引可能早
					 * =  于VideoSrcList视频数据，因为数据
					 * =  要请求到了才进来，而索引可以直接传
					 * =  进来，没有延时。所以当有数据的时候
					 * =  播放状态为false，则执行init播放视
					 * =  频任务
					 * ===================================  
					 */
					// 判断isPlaybtn==false，因为isPlay会在每次索引时，变成true
					if (this.isPlaybtn==false){
						if (this.VideoSrcList.length>=1){
							// ps => 当视频数据data>=1才初始化播放，否则就是等待中
							this.VideoShowonReady_text = '精彩即将开始'
							// 公用初始化播放（用于 当视频数据列表更新时、当视频索引更新时 执行）
							this.VideoPlayerInit({Reset_onReady: false})
							/* 3.5.1 新增优化，VideoPlayerInit带参数判断
							 * Reset_onReady = true | false | ps => 判断是否需要重绘元素？初始化播放时任务
							 * 修复 第一次初始化播放时，会从“视频数据等待中”变为“精彩即将开始”之前会有一次闪烁问题（原因，销毁后重绘元素导致）
							 * bug反馈为：网友1>>闪烁的问题主要还是第一播放。网友2>>加载视频的时候会闪好几下，这是什么原因？
							 */
						
						}else {
							// 播放器创建成功，但视频数据还处于等待中...
							this.VideoShowonReady_text = '视频数据等待中'
						}
					}else {
						// 视频播放中，不执行任何操作，因为可能是后台更新视频数据到这里的。
						// 但可以之下如下的操作
						
						/* 数据后台更新了，但需要重新算一下是否暂无下一集
						 * 比如 用户此时正在看最后一集，但是这时候后台更新
						 * 了集数，然后就不能让播放里再显示 暂无下一集的icon图标按钮
						 */

						// 获取视频索引
						let index = this.VideoSrcIndex
						// 判断是否?暂无下一集，为false则设置
						this.SetVideoisNextPlay(index)//FatFatMeng-VideoPlayer.vue
					}
				},
				immediate: true,
			},
			// 播放器配置监听
			Config:{
				handler(newConfig,oldConfig){
				    // 已在播放器配置文件里关闭了-> 弹幕字体颜色按钮（画板按钮）
					if (newConfig.buttonConfing.SetDanmuColorTap.is_Show==false){
						this.DanmuColor_Width = 0
					}  
					
					// 已在播放器配置文件里关闭了-> 弹幕表情按钮（笑脸按钮）
					if (newConfig.buttonConfing.SetDanmuEmojiTap.is_Show==false){
						this.DanmuEmoji_Width = 0
					}  
					
					// 已在播放器配置文件里关闭了-> 弹幕特效按钮（魔法棒按钮）
					if (newConfig.buttonConfing.SetDanmuDaoJuTap.is_Show==false){
						this.DanmuDaoJu_Widht = 0
						
					}  
					
					// 减去的高度在播放器配置js里，对应的有说明
					// 已在播放器配置文件里关闭了-> 弹幕热词view区
					if (newConfig.buttonConfing.DanMuHotWordsView.is_Show==false){
						//this.DanMuHotWordsView_Height = 0
						this.danmu_i_v_top_Height = this.danmu_i_v_top_Height - 35
					}  

					// 已在播放器配置文件里关闭了-> 会员弹幕尊享色view区
					if (newConfig.buttonConfing.SetVipDanmuTextColorView.is_Show==false){
						//this.SetVipDanmuTextColorView_Height = 0
						this.danmu_i_v_top_Height = this.danmu_i_v_top_Height - 70
					}  

					// 已在播放器配置文件里关闭了-> 弹幕颜色view区
					if (newConfig.buttonConfing.SetDanmuTextColorView.is_Show==false){
						//this.SetDanmuTextColorView_Height = 0
						this.danmu_i_v_top_Height = this.danmu_i_v_top_Height - 70
					}
				},
				immediate: true,
				deep: true,
			}
		},
		methods:{
			// 不加ev会和上下文的事件冲突
			// 当开始/继续播放时触发play事件
			evplay(event){
				//console.log("当开始/继续播放时触发play事件")
				if (!this.src) return
				this.isPlay = true
				// 显示暂停按钮，隐藏播放按钮
				this.isPlaybtn = true
				// 是否初始化播放 （false = 已关闭精彩即将开始）
				this.onReady_Init_PlayState = false
				
				/* 3.5.1 此处代码优化 2022-0325 */
				// 这里要加个延时500毫秒来判断show=false才执行动画显示
				timeout = setTimeout(()=>{
					if (this.show == false && this.ref_type == 'my') {
						// 执行控制面板动画
						this.isShowCommFullScreen()
					}else {
						// 用户手动点击了，此时已经显示了
					}
					// 消除定时器
					clearTimeout(timeout)
				},500)

				/* 视频恢复播放时，记录为false
				 * 用于修复 视频播放出错 此时视频是暂停暂停，但是显示了广告
				 */ 
				this.isError = false
			},
			// 当暂停播放时触发 pause 事件
			evpause(event){
				if (!this.src) return
				//console.log("当暂停播放时触发 pause 事件")
				this.isPlay = false
				// 显示播放按钮，隐藏暂停按钮
				this.isPlaybtn = false
			},
			// 当播放到末尾时触发 ended 事件
			ended(event){
				//console.log("当播放到末尾时触发 ended 事件")
			},
			// 播放进度变化时触发，
			// event.detail = {currentTime, duration} 。
			// 触发频率 250ms 一次
			async timeupdate(event){
				// 判断是否直播播放 并且 是否iOS平台 ，如果是，则阻止事件本身（因为官方这里一直是0，得用自己模拟的进度事件 ./ios下的目录）
				if (this.islive_player == true && this.platform_mobile == 'ios') return false

				// 同步获取视频时长(视频进度)并更新到进度条上
				await this.getTimeupdateSync(event)
				// 是否正常视频
				if (this.ref_type == 'my'){
					// 当前时长(当前进度)
					this.timeUpdate[0].currentTime = event.detail.currentTime
					// 总时长(总进度)
					this.timeUpdate[0].duration = event.detail.duration
					// 视频出错或断网后再链接了网络，使视频自动恢复续播
					this.timeUpdate[0].dwhfcurrTime = event.detail.currentTime
				} else 
				// 视频广告视频
				if (this.ref_type == 'ad'){
					this.Set_ad_timeUpdate(event)
				}
				// 转换为String类型再判断
				let newcurrentTime = String(event.detail.currentTime)
				//console.log("当前时长的小数点后的数字",newcurrentTime.split(".")[1])
				// 获取拆分当前时长的小数点后的6位数字。
				let waitingcurrentTime = newcurrentTime.split(".")[1]
				// 判断当前是否是缓冲状态，如果是缓冲状态，回调的当前时间小数点后数字是6个0
				if (waitingcurrentTime == '000000'){
					// 相等，则是出现了缓冲（缓冲中状态）
					//console.log('相等，则是出现了缓冲（缓冲中状态）')
					/* 3.5.1 版本新增优化 2022-0325 
					 * 重写 => 视频缓冲时显示的loading（加载中）判断方法
					 * 此版本方法更加精准，并且修了3.5.1版本之前的bug（就是可能存在视频进度改变时，当缓冲完毕后，不会关闭loading的bug）
					 */

					// 只有视频没有出错的情况下，才显示loading.
					if (this.isError == false){
						// 显示loading(已移步至视频出现缓冲里)
						this.isVideoShowLoadingCount.isVideoShowLoading = true
					}
					
				}else {
					// 不相等，则是缓冲完毕（缓冲完毕状态）
					//console.log('不相等，则是缓冲完毕（缓冲完毕状态）')
					
					// 如果isWaiting=true，则说明waiting事件才刚刚触发，此时不能执行onHiedloading
					// 不然会看到loading加载中 会闪一次的问题
					if (this.isWaiting == false){
						// 关闭loading
						this.onHiedloadingError()
					}
				}	
				
				// 将 播放进度 回调出去 已迁移至vidoe.js				
			},
			// 当视频进入和退出全屏时触发，
			// event.detail = {fullScreen, direction}，
			// direction取为 vertical 或 horizontal
			fullscreenchange(event){
				// 监听进入和退出全屏状态
				this.isFullScreenChange = event.detail.fullScreen
			},
			// 视频出现缓冲时触发(手动改变进度条时，也会触发这个事件)
			waiting(event){
				// 只有视频没有出错的情况下，出现缓冲才显示loading
				if (this.isError == false){
					// 设置缓冲状态 = true
					this.isWaiting = true
					// 显示loading
					this.isVideoShowLoadingCount.isVideoShowLoading = true
				}		
				// 关闭Error
				this.isVideoShowErrorCount.isVideoShowError = false
				// 关闭播放器背景
				this.isVideoShowonReady_bg = false
				
				/* 3.5.1 版本新增 */
				// 视频出现缓冲的时间
				timeout = setTimeout(() => {
					// 设置缓冲状态 = false，重置为初始状态
					this.isWaiting = false
					// 消除定期
					clearTimeout(timeout)
				},350)

				/* 3.5.1 版本后，下面的代码已废弃 */
				// // 视频出现缓冲的时间
				// timeout = setTimeout(() => {
				// 	this.onShowWaitingCurrTime()
				// 	// 消除定期
				// 	clearTimeout(timeout)
				// },300)
			},
			// 视频播放出错时触发
			error(event){
				/* 2022-0112 新增优化
				 * 由于视频创建比数据进来更快，所以会先走error。
				 * 然后此时src是空的，直接返回出去
				 */
				if (!this.src) return
				
				// 记录视频出错的时间
				this.errorTime = this.timeUpdate[0].currentTime || 0
				// 暂时先加上这里，一起回调回去，后面再优化和调整
				this.timeUpdate[0].errorTime = this.errorTime
				
				/* 3.5.1 版本新增优化 */
				// 视频出错时，并且存在src链接情况下
				if (this.src){
					// 节流，在一定时间内，只能触发一次（不然调试的时候在控制台上会输出很多次，因为error回调为高频事件）
					throttle(()=>{
						// 显示播放器背景
						this.isVideoShowonReady_bg = true
						// 显示Error
						this.isVideoShowErrorCount.isVideoShowError = true
						// 关闭loading
						this.isVideoShowLoadingCount.isVideoShowLoading = false
						// 记录播放的进度，用于恢复网络后续播
						this.timeUpdate[0].dwhfcurrTime = this.timeUpdate[0].currentTime
						// 执行获取网络类型（1，提示用户现在的网络状态）
						this.getNetworkType()
						// 执行监听网络状态（2，当有网络时自动恢复播放）
						this.getNetworkStatusChange()
						// 是否初始化播放状态 （false = 已关闭精彩即将开始）
						this.onReady_Init_PlayState = false
						// 关闭手动控制播放界面
						this.isManualplay = false
					},5000)
					
				}
				/* 视频播放出错时，记录为true
				 * 用于修复 视频播放出错 此时视频是暂停暂停，但是显示了广告
				 */ 
				this.isError = true
			},
			// 【百分比>>已缓冲】加载进度变化时触发，只支持一段加载。
			// event.detail = {buffered}，百分比
			progress(event){
				this.proGress[0].sliderValueBfb = event.detail.buffered
				timeout = setTimeout(() => {
					// 关闭播放器背景
					this.isVideoShowonReady_bg = false
					// 关闭Error
					this.isVideoShowErrorCount.isVideoShowError = false
					// 消除定时器
					clearTimeout(timeout)
				},100)
			},
			// 视频资源开始加载时触发
			loadeddata(event){
				console.log('视频资源开始加载时触发')
				console.log(event)
			},
			// 视频元数据加载完成时触发。
			// event.detail = {width, height, duration}
			loadedmetadata(event){
				//console.log("视频元数据加载完成时触发")
			},
			// 此处刷新视频refreshVideo()方法 已迁移至 createVideoContext.js
			
			// 隐藏loading和Error面板
			onHiedloadingError(){
				// 关闭播放器背景
				this.isVideoShowonReady_bg = false
				// 关闭Error
				this.isVideoShowErrorCount.isVideoShowError = false
				// 关闭loading
				this.isVideoShowLoadingCount.isVideoShowLoading = false
			},
			// 视频出现缓冲的时的时间
			onShowWaitingCurrTime(e){
				/* 3.5.1 版本后，下面的代码已废弃，不需要在用这种方式判断loading（加载中）提示的显隐了。 */
				// 写入出现缓冲的时间(这里的+1,是用来让播放进度必须出现缓冲的进度时才关闭loading)
				//this.errorTime = Number(0.01) + Number(this.timeUpdate[0].currentTime) // 当前时长+1(当前进度)
			},
		},
		computed:{
			// 倒序倍速
			getBesu(){
				return this.Config.besuData.reverse()
			},
		}
	}
</script>

<style lang="scss" scoped>
	@import './libs/scss/index.scss';
</style>
